nginx 配置跨域失效修复

最新推荐文章于 2024-09-11 15:57:36 发布

DBISME

最新推荐文章于 2024-09-11 15:57:36 发布

阅读量2.2k

点赞数

分类专栏：服务器环境部署文章标签： Nginx

本文链接：https://blog.csdn.net/db3265613/article/details/103263183

版权

本文探讨了nginx配置跨域时遇到的问题，指出在post请求中，浏览器会先发送options预检请求，如果后端未处理options请求会导致403错误。解决方案是nginx配置中处理options请求，使其直接返回200状态码。同时，文章还分享了一个关于proxy_pass使用的小知识点，解释了加或不加斜杠对反向代理路径的影响。

摘要由CSDN通过智能技术生成

nginx 配置跨域不生效如下配置

server {
        listen       80;
        server_name  localhost;
        
        # 接口转发
        location /api/ {
            # 允许请求地址跨域 * 做为通配符
            add_header 'Access-Control-Allow-Origin' '*';
            # 设置请求方法跨域
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
            # 设置是否允许 cookie 传输
            add_header 'Access-Control-Allow-Credentials' 'true';
            # 设置请求头 这里为什么不设置通配符 * 因为不支持
            add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token';
            # 设置反向代理 
            proxy_pass 127.0.0.1:8081/;
        }
 }