nginx 解决跨域和cookie问题
2017-09-11 08:50
435 查看
问题背景:
业务上线以后,前端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代码中添加一下代码,让前端支持跨域
业务上线以后,前端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 ,就可以知道是否支持跨域
相关文章推荐
- nginx解决cookie跨域问题
- Nginx之——解决跨域问题
- 通过nginx location proxy_pass解决 跨域问题
- ie下使用frameset布局导致跨域cookie丢失问题解决
- 前端开发接口联调--用nginx的反向代理机制解决前端跨域问题
- Nginx学习总结(9)——前端跨域问题解决
- 用反向代理nginx proxy_pass配置解决ie8 ajax请求被拦截问题 ie8用nginx代理实现跨域请求访问 nginx405正向代理request_uri
- 使用nginx解决k8s traefik中basic auth的跨域问题
- Nginx 解决WebApi跨域二次请求以及Vue单页面问题
- 关于Cookie跨域操作遇到的问题及解决方法
- nginx用反向代理机制解决跨域的问题
- 用nginx的反向代理机制解决前端跨域问题
- 关于跨域获取cookie问题的解决
- Nginx解决转发地址时跨域的问题
- 配置nginx反向代理服务器,解决浏览器跨域调用接口的限制问题
- nginx解决Ajax跨域问题
- php、apache、nginx解决跨域问题
- Mac下使用nginx反向代理服务器解决资源跨域问题
- Nginx解决ajax跨域请求问题
- 使用p3p解决iframe中跨域传递cookie的问题