nginx 解决跨域和cookie问题

问题背景:

              业务上线以后,前端js出现了跨域问题,域名1.sss.com 跨域访问 2.sss.com/bond/的url,浏览器页面产生问题


解决办法如下:

             在2.sss.com的nginx配置项中,添加如下请求头

            if ($http_origin ~* (http://1\.sss\.com$)) {
                     add_header Access-Control-Allow-Headers 'Cookie,Set-Cookie,x-requested-with,content-type';
                     add_header Access-Control-Allow-Origin $http_origin ;
                     add_header 'Access-Control-Allow-Credentials' 'true';
                     add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
                }

大概解释一下,就是从1.sss.com域名发的请求,可以跨域到2.sss.com/bond


结果和其他问题:  

          进行上面的配置以后,跨域问题解决,浏览器不报错,但是又出现另一个问题,后端tomcat响应头中,一直Set-Cookie,登陆业务一直错误,

确认前端代码,有没有支持跨域请求,需要在js代码中添加一下代码,让前端支持跨域

 

xhrFields: {
  withCredentials: true
}
PS:当你不知道是运维问题还是开发问题的时候,使用一下方式检测
curl -I -X  OPTIONS -H "Origin:http://1.sss.com" http://2.sss.com/bond/ 查看响应是否支持COOKIE请求头,GET,POST,是否返回200 ,就可以知道是否支持跨域


  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值