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

最新推荐文章于 2025-10-27 13:26:10 发布

转载最新推荐文章于 2025-10-27 13:26:10 发布 · 1.4w 阅读

文章标签：

#nginx

nginx 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种有效的Nginx配置方案来解决跨域访问的问题，通过针对不同请求方法（OPTIONS, POST, GET）设置合适的Access-Control-*头信息，确保了前端应用能够顺利地与后端服务进行交互。

nginx 版本 1.11.3

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


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';
             }