nginx解决跨域问题！

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了nginx解决跨域问题！，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1608字，纯文字阅读大概需要3分钟。

内容图文

1、问题背景：前端调用线上后段时出现跨域问题！

解决方法nginx的location头部增加配置：

                 add_header 'Access-Control-Allow-Headers' '*';
                 add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS,HEAD,PUT';
                 add_header 'Access-Control-Allow-Origin' '*';
                 add_header 'Access-Control-Allow-Credentials' 'true'
本地前端调用php接口时需在后端的 location字段都加配置。

 

2、当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource，需要给Nginx服务器配置响应的header参数：

解决方案：

location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
}
 

3、Ajax跨域请求保证同一个session的问题

我们知道，根据浏览器的保护规则，跨域的时候我们创建的sessionId是不会被浏览器保存下来的，这样，当我们在进行跨域访问的时候，我们的sessionId就不会被保存下来，也就是说，每一次的请求，服务器就会以为是一个新的人，而不是同一个人，为了解决这样的办法，下面这种方法可以解决这种跨域的办法。

 

我们自己构建一个拦截器，对需要跨域访问的request头部重写：

add_header Access-Control-Allow-Origin "$http_origin";
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
add_header Access-Control-Allow-Headers "Origin, Accept, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token";
add_header Access-Control-Allow-Credentials "true";
 

原文链接：https://blog.csdn.net/weixin_42207486/java/article/details/82494638

内容总结

以上是互联网集市为您收集整理的nginx解决跨域问题！全部内容，希望文章能够帮你解决nginx解决跨域问题！所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---