nginx处理cookie跨域

最新推荐文章于 2025-09-13 13:20:24 发布

转载最新推荐文章于 2025-09-13 13:20:24 发布 · 584 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shaoniandream/p/10511262.html

文章标签：

#运维 #javascript #前端 #ViewUI

在部署项目过程中遇到登录页面加载卡顿的问题，原因是登录成功后Cookie信息因跨域而丢失。通过调整Nginx代理设置，加入原始主机地址信息，成功解决了前端获取Cookie的跨域问题。

今天在部署公司项目的时候碰到一个问题

项目地址是xxx.xx.xx.122:7480

项目A后台请求地址为xxx.xx.xx.123:8080/data-sso

开始nginx配置是

 server {
        listen       7480;
        server_name  localhost;
    
          location /data-sso {
		   proxy_pass http://xxx.xx.xx.123:8080/data-sso;
		   proxy_cache_methods POST;
		  }
}

　然后再线上登录页面卡住了一步步查找原因

　1.登录页面进不去的原因是登录成功了但是后台存储的cookie信息丢失了

2.通过查找发现后台把cookie信息存储到http://xxx.xx.xx.123:8080中，而前端项目地址是xxx.xx.xx.122:7480 ，所以存在cookie跨域丢失问题

知道原因了就很好解决了通过度娘才知道需要在代理设置中设置原始的主机地址

　最后配置改为

 server {
        listen       7480;
        server_name  localhost;
    
          location /data-sso {
                   proxy_set_header Host $host;
		   proxy_set_header X-Real-Ip $remote_addr;
		   proxy_set_header X-Forwarded-For $remote_addr;
		   proxy_pass http://xxx.xx.xx.123:8080/data-sso;
		   proxy_cache_methods POST;
		  }
}

　然后线上测试前端能拿到cookie问题解决

转载于:https://www.cnblogs.com/shaoniandream/p/10511262.html