标签:Control 究极 跨域 nginx Access header add Content Allow
location /joinus {
# 允许跨域请求的“域”,有些请求不允许*
add_header 'Access-Control-Allow-Origin' $http_origin;
# 允许客户端提交Cookie
add_header 'Access-Control-Allow-Credentials' 'true';
# 允许客户端的请求方法
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT';
# 允许客户端提交的的请求头
add_header 'Access-Control-Allow-Headers' $http_access_control_request_headers;
# 允许客户端访问的响应头
add_header 'Access-Control-Expose-Headers' 'Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, Pragma, satoken';
# 处理预检请求
if ($request_method = 'OPTIONS') {
# 预检请求缓存时间
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Access-Control-Allow-Origin' $http_origin;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT';
# 允许客户端提交的的请求头
add_header 'Access-Control-Allow-Headers' $http_access_control_request_headers;
# 允许客户端访问的响应头,根据自己实际需要添加,比如我用到了satoken就加入了对应的header
add_header 'Access-Control-Expose-Headers' 'Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, Pragma, satoken';
add_header 'Content-Length' 0;
add_header 'Access-Control-Allow-Credentials' 'true';
return 204;
}
#关闭重定向,如果出现POST变GET的情况,请务必加上此句。
proxy_redirect off;
proxy_pass http://127.0.0.1:8099;
}
尤其注意if语句,如果你在if语句里直接return,if外面的add_header会失效,这样导致虽然浏览器的OPTIONS请求正常,但是带上token之类的header,请求就会直接CORS错误。不少其他网络资料都没有提到这点。
经过测试解决springboot和vue之间跨域通信的问题。
前端通过nginx解决跨域也可以,这样会更简单一些。
标签:Control,究极,跨域,nginx,Access,header,add,Content,Allow 来源: https://www.cnblogs.com/6543x1/p/15913627.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。