Nginx设置Access-Control-Allow-Origin多域名跨域实现

普陀山

修改配置文件

可通过如下配制进行多域名的设置。

1. map $http_origin $corsHost {
   
2.    default 0;
   
3.    "~https://www.itbiancheng.com" https://www.itbiancheng.com;
   
4.    "~http://love.itbiancheng.com" http://love.itbiancheng.com;
   
5. }
   
6. server
   
7. {
   
8.    listen 80;
   
9.    server_name www.itbiancheng.com;
   
10.    root /nginx;
    
11.    location /
    
12.    {
    
13.       add_header Access-Control-Allow-Origin $corsHost;
    
14.    }
    
15. }

复制代码

最近在做一个站，由于把样式和图片都独立出来了一个单独的域名，在移动端的时候访问提示跨域访问了，主要是因为css样式里面引用了字体文件，接下来吾爱编程为大家介绍一下，有需要的小伙伴可以参考一下：

1、错误提示

2、解决方法

nginx上的解决方案是配置Access-Control-Allow-Origin来解决，但是要么允许所有，要么允许单个的，都不能解决我的文件，经过一番查找找到了解决方法，

1. map $http_origin $corsHost {
   
2.    default 0;
   
3.    "~https://www.itbiancheng.com" https://www.itbiancheng.com;
   
4.    "~http://love.itbiancheng.com" http://love.itbiancheng.com;
   
5. }
   
6. server
   
7. {
   
8.    listen 80;
   
9.    server_name www.itbiancheng.com;
   
10.    root /nginx;
    
11.    location /
    
12.    {
    
13.       add_header Access-Control-Allow-Origin $corsHost;
    
14.    }
    
15. }

复制代码

到此这篇关于Nginx设置Access-Control-Allow-Origin多域名跨域实现的文章就介绍到这了,更多相关Nginx Access-Control-Allow-Origin多域名跨域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源:https://www.jb51.net/server/330986yv8.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！