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

深藏阁楼爱情的钟 2024-04-01 19:48 80阅读 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 条评论，80人围观）

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

相关阅读

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

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

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

相关 nginx解决跨域问题

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

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

相关 nginx解决跨域问题

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

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

相关跨域的几种解决办法

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

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

相关 nginx允许跨域的设置

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

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

相关 nginx解决跨域问题

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

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

相关 Nginx 解决跨域问题

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

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

相关 opencv设置曝光无效的解决办法

很多人在使用v4l2-ctrl设置了曝光之后发现无效，用get(CV\_CAP\_PROP\_EXPOSURE)发现得到的曝光值为inf： cap.set(CV_CA

叁歲伎倆/ 2022年05月11日 07:56/ 0 赞/ 718 阅读

相关 session跨域及解决办法

session共享与sso的关系？ session共享是一个抽象，sso是共享的实现。什么是session共享在分布式系统中，登录任何一个子系统，其它系统都不必

妖狐艹你老母/ 2021年11月18日 00:02/ 0 赞/ 379 阅读

相关 iframe跨域解决办法

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

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