Nginx設(shè)置Access-Control-Allow-Origin多域名跨域?qū)崿F(xiàn)
修改配置文件
可通過(guò)如下配制進(jìn)行多域名的設(shè)置。
map $http_origin $corsHost { default 0; "~https://www.itbiancheng.com" https://www.itbiancheng.com; "~http://love.itbiancheng.com" http://love.itbiancheng.com; } server { listen 80; server_name www.itbiancheng.com; root /nginx; location / { add_header Access-Control-Allow-Origin $corsHost; } }
最近在做一個(gè)站,由于把樣式和圖片都獨(dú)立出來(lái)了一個(gè)單獨(dú)的域名,在移動(dòng)端的時(shí)候訪問(wèn)提示跨域訪問(wèn)了,主要是因?yàn)閏ss樣式里面引用了字體文件,接下來(lái)吾愛(ài)編程為大家介紹一下,有需要的小伙伴可以參考一下:
1、錯(cuò)誤提示
2、解決方法
nginx上的解決方案是配置Access-Control-Allow-Origin來(lái)解決,但是要么允許所有,要么允許單個(gè)的,都不能解決我的文件,經(jīng)過(guò)一番查找找到了解決方法,
map $http_origin $corsHost { default 0; "~https://www.itbiancheng.com" https://www.itbiancheng.com; "~http://love.itbiancheng.com" http://love.itbiancheng.com; } server { listen 80; server_name www.itbiancheng.com; root /nginx; location / { add_header Access-Control-Allow-Origin $corsHost; } }
到此這篇關(guān)于Nginx設(shè)置Access-Control-Allow-Origin多域名跨域?qū)崿F(xiàn)的文章就介紹到這了,更多相關(guān)Nginx Access-Control-Allow-Origin多域名跨域內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Kubernetes中Nginx配置熱加載的全過(guò)程
Nginx已經(jīng)是互聯(lián)網(wǎng)IT業(yè)界一個(gè)無(wú)敵的存在,作為反向代理、負(fù)載均衡、Web服務(wù)器等多種角色的扮演者,下面這篇文章主要給大家介紹了關(guān)于Kubernetes中Nginx配置熱加載的相關(guān)資料,需要的朋友可以參考下2022-01-01Nginx學(xué)習(xí)之如何搭建文件防盜鏈服務(wù)的方法示例
這篇文章主要介紹了Nginx學(xué)習(xí)之如何搭建文件防盜鏈服務(wù)的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10關(guān)于使用Keepalived實(shí)現(xiàn)Nginx的自動(dòng)重啟及雙主熱備高可用問(wèn)題
這篇文章主要介紹了使用Keepalived實(shí)現(xiàn)Nginx的自動(dòng)重啟及雙主熱備高可用,本文通過(guò)幾個(gè)問(wèn)題解析幫助大家學(xué)習(xí)Keepalived實(shí)現(xiàn)Nginx的自動(dòng)重啟的相關(guān)知識(shí),需要的朋友可以參考下2021-09-09Nginx轉(zhuǎn)發(fā)丟失cookie表現(xiàn)形式及解決方案
本文主要介紹了Nginx轉(zhuǎn)發(fā)丟失cookie表現(xiàn)形式及解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01Linux中Nginx的防盜鏈和優(yōu)化的實(shí)現(xiàn)代碼
今天是周末小編在值班哈,很開森,工作使我快樂(lè),本文重點(diǎn)給大家介紹Linux中Nginx的防盜鏈和優(yōu)化問(wèn)題及實(shí)現(xiàn)代碼,需要的朋友跟隨小編一起看看吧2021-06-06