nginx跨域设置无效的解决办法 Nginx跨域设置Access-Control-Allow-Origin无效的解决办法

深藏阁楼爱情的钟 2024-04-01 19:48 91阅读 0赞

#### 一：问题：Nginx跨域设置后并没有解决问题 ####

使用大家说的以下配置，验证无效，跨域问题仍然存在：

add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET,POST';

#### 二：解决问题：使用以下配置，生效 ####

if ($request_method = 'OPTIONS') {
    	add_header 'Access-Control-Allow-Origin' '*';
    	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    	add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    	add_header 'Access-Control-Max-Age' 1728000;
    	add_header 'Content-Type' 'text/plain charset=UTF-8';
    	add_header 'Content-Length' 0;
    	return 204;
    }
    if ($request_method = 'POST') {
    	add_header 'Access-Control-Allow-Origin' '*';
    	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    	add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }
    if ($request_method = 'GET') {
    	add_header 'Access-Control-Allow-Origin' '*';
    	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    	add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    }

**三：总结**

nginx的全局跨域配置无法生效时，最好的解决办法就是针对每个不同的请求方式给加上独有的跨域处理！！！

发表评论取消回复

表情：

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

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

相关阅读

相关 nginx跨域设置无效的解决办法 Nginx跨域设置Access-Control-Allow-Origin无效的解决办法

一：问题：Nginx跨域设置后并没有解决问题使用大家说的以下配置，验证无效，跨域问题仍然存在： add_header 'Access-Control-Allo

深藏阁楼爱情的钟/ 2024年04月01日 19:48/ 0 赞/ 92 阅读

相关 nginx解决跨域问题

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

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

相关 nginx解决跨域问题

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

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

相关 nginx解决跨域问题

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

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

相关跨域的几种解决办法

前言：跨域问题是浏览器引起的，服务和服务之间的调用不存在跨域。浏览器中前端服务：(1.1)127.0.0.1:80,(1.2)127.0.0.1:8080,(1.3

我会带着你远行/ 2022年12月29日 11:18/ 0 赞/ 210 阅读

相关 Nginx解决跨域问题

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

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

相关 nginx允许跨域的设置

在server中配置允许跨域请求的域，代表所有 add_header 'Access-Control-Allow-Origin' ; 允许带上co

Dear 丶/ 2022年12月20日 05:40/ 0 赞/ 170 阅读

相关 nginx解决跨域问题

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

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

相关 Nginx 解决跨域问题

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

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

相关 iframe跨域解决办法

按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同不跨域时访问`iframe`： `contentWindow` 访问父级：`paren

心已赠人/ 2021年07月04日 13:05/ 0 赞/ 610 阅读