Nginx設(shè)置Access-Control-Allow-Origin多域名跨域?qū)崿F(xiàn)
修改配置文件
可通過如下配制進(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ú)立出來了一個(gè)單獨(dú)的域名，在移動(dòng)端的時(shí)候訪問提示跨域訪問了，主要是因?yàn)閏ss樣式里面引用了字體文件，接下來吾愛編程為大家介紹一下，有需要的小伙伴可以參考一下：
1、錯(cuò)誤提示
2、解決方法
nginx上的解決方案是配置Access-Control-Allow-Origin來解決，但是要么允許所有，要么允許單個(gè)的，都不能解決我的文件，經(jīng)過一番查找找到了解決方法，
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)文章
使用Nginx實(shí)現(xiàn)https請(qǐng)求轉(zhuǎn)發(fā)http實(shí)踐
這篇文章主要介紹了使用Nginx實(shí)現(xiàn)https請(qǐng)求轉(zhuǎn)發(fā)http實(shí)踐,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2026-03-03
Nginx通過header中的標(biāo)識(shí)進(jìn)行分發(fā)
本文主要介紹了Nginx通過header中的標(biāo)識(shí)進(jìn)行分發(fā)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
windows安裝nginx部署步驟圖解(反向代理與負(fù)載均衡)
這篇文章主要介紹了windows安裝nginx部署步驟,設(shè)置反向代理與負(fù)載均衡的使用方法,需要的朋友可以參考下2014-02-02
Nginx中l(wèi)ocation proxy_pass加與不加/的區(qū)別說明
本文總結(jié)了Nginx配置中的location匹配規(guī)則和proxy_pass用法,包括前綴匹配、精確匹配、正則表達(dá)式匹配、通配符匹配以及proxy_pass的配置細(xì)節(jié)2024-12-12
nginx 多個(gè)location轉(zhuǎn)發(fā)任意請(qǐng)求或訪問靜態(tài)資源文件的實(shí)現(xiàn)
這篇文章主要介紹了nginx 多個(gè)location轉(zhuǎn)發(fā)任意請(qǐng)求或訪問靜態(tài)資源文件的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
本篇文章主要介紹了詳解 Nginx代理功能與負(fù)載均衡，先描述一些關(guān)于代理功能的配置，再說明負(fù)載均衡詳細(xì)，有興趣的可以了解一下。2017-02-02
從安全加固到性能調(diào)優(yōu)詳解Nginx中生產(chǎn)環(huán)境配置的完全指南
本文系統(tǒng)梳理了Nginx在生產(chǎn)環(huán)境中常用的配置項(xiàng),每個(gè)配置都附帶解決的問題和實(shí)際應(yīng)用場景,幫助你構(gòu)建健壯,安全,高性能的Web服務(wù),有需要的小伙伴可以參考下2026-04-04
Windows?Server?Nginx?反向代理Spring?Boot配置無效報(bào)404未找到的問題
一個(gè)Spring?Boot的系統(tǒng),開發(fā)完成發(fā)布到Windows服務(wù)器里,使用nginx作為反向代理,修改刷新配置文件,nginx.conf,總是報(bào)錯(cuò)404,這篇文章主要介紹了Windows?Server?Nginx?反向代理Spring?Boot配置無效?404?未找到的問題及解決方案2024-01-01
nginx connect() to unix:/var/run/php-fpm.sock failed (11: Re
這篇文章主要介紹了nginx connect() to unix:/var/run/php-fpm.sock failed (11: Resource temporarily unavailable),需要的朋友可以參考下2015-01-01
詳解nginx.conf 中 root 目錄設(shè)置問題
這篇文章主要介紹了詳解nginx.conf 中 root 目錄設(shè)置問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09