Nginx 中使用 map 解决多来源跨域问题

阳光穿透心脏的1/2处 2021-09-08 02:40 935阅读 0赞

**map 中需注意，如果存在多个配置文件，不能使用相同的变量名，故这里示例为 `$allow_origin_A`**

# 在 server 上方添加 map
    map $http_origin $allow_origin_A { 
        default "";
        "~^(https?://localhost(:[\d]+)?)" $1;
        "~^(https?://127.0.0.1(:[\d]+)?)" $1; 
        "~^(https?://192.168.[\d]+.[\d]+(:[\d]+)?)" $1;
        "~^(https?://front.example.com(:[\d]+)?)" $1;
    }
    
    server { 
    	listen       80;
    	server_name  api.example.com;
    
        charset utf-8;
        root    /var/www/wwwroot/api.example.com;
    
    	add_header Access-Control-Allow-Origin $allow_origin_A;
        add_header Access-Control-Allow-Credentials true;
        add_header Access-Control-Expose-Headers 'HeaderA, HeaderB'; # 允许响应的头
    
    	location / { 
    			# 用于强制跳转 HTTPS
    	        #if ($scheme = http) { 
    	        # return 301 https://$host$request_uri;
    	        #}
    
    	        if ($request_method = 'OPTIONS') { 
    	            add_header Access-Control-Allow-Origin $allow_origin_A;
    	            add_header Access-Control-Allow-Credentials true;
    	            add_header Access-Control-Allow-Headers 'Accept, Authorization, Content-Type'; # 允许请求的头
    
    	            add_header Content-Length 0;
    	            return 204;
    	        }
    	    }
    	}
    
    	location ~ /\.ht { 
            deny  all;
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，935人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Nginx解决跨域问题

目录使用Nginx解决跨域问题 1、修改浏览器、客户端访问地址 2、在nginx.conf配置文件需配置server 3、在Nginx中配置客户端访问的接口（按照规则

布满荆棘的人生/ 2024年03月27日 17:26/ 0 赞/ 101 阅读

相关 nginx解决跨域问题

1、基本配置 > location / \{ > add\_header 'Access-Control-Allow-Origin' '\';

系统管理员/ 2023年07月23日 06:55/ 0 赞/ 49 阅读

相关 nginx解决跨域问题

1.跨域解释 1.1 怎么知道我遇到了跨域问题如果项目没做前后端分离，是不会有跨域问题的。前后端分离的项目中，前端调用后台服务时，报错 No ‘Acc

小咪咪/ 2023年07月17日 06:06/ 0 赞/ 38 阅读

相关解决nginx服务器跨域问题

[https://www.fujieace.com/nginx/cors-2.html][https_www.fujieace.com_nginx_cors-2.html]

古城微笑少年丶/ 2023年07月07日 11:28/ 0 赞/ 47 阅读

相关 nginx解决跨域问题

跨域问题，是因为浏览器同源策略，页面从一个域发起另一个域的异步ajax请求时，不被认可导致。如果我们的请求在一个域里面，那么浏览器就会认为是安全的，就不会造

青旅半醒/ 2023年01月17日 09:22/ 0 赞/ 193 阅读

相关 Nginx解决跨域问题

今天有个需求，需要跨服务器请求，这其中涉及到了跨域问题，在度娘上找了很久的资料，终于解决了！！！然后我自己写了个demo做个笔记。 1、什么是跨域从某一个域请求其他域

「爱情、让人受尽委屈。」/ 2022年12月24日 07:57/ 0 赞/ 93 阅读

相关 nginx解决跨域问题

通过添加请求头解决跨域 server { listen 80 default_server; listen [::]:80

待我称王封你为后i/ 2022年11月12日 13:54/ 0 赞/ 249 阅读

相关 Nginx 解决跨域问题

什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 ![watermark_type_ZHJvaWRzYW5z

柔情只为你懂/ 2022年09月10日 10:26/ 0 赞/ 265 阅读

相关 nginx解决跨域问题详解

今天看了一篇nginx跨域原理的文章，还没有验证过，先记下，文章的链接是： [http://www.liuyiqi.cn/2015/12/17/nginx-cross-do

以你之姓@/ 2022年05月31日 23:24/ 0 赞/ 327 阅读

相关 Nginx 中使用 map 解决多来源跨域问题

map 中需注意，如果存在多个配置文件，不能使用相同的变量名，故这里示例为 `$allow_origin_A` 在 server 上方添加 map map

阳光穿透心脏的1/2处/ 2021年09月08日 02:40/ 0 赞/ 935 阅读