Nginx代理搞定跨域请求

最新推荐文章于 2024-08-20 09:03:14 发布

原地踏步踏步踏步踏步

最新推荐文章于 2024-08-20 09:03:14 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/u014733848/article/details/52600713

版权

本文介绍了在前后端分离的项目中遇到跨域问题时，如何利用Nginx进行代理解决。错误地将Nginx部署在后端服务器上无法解决跨域，正确的做法是将Nginx部署在前端环境中，确保请求域与访问页域一致。通过配置Nginx代理静态资源和接口资源，实现跨域请求的顺利进行。

摘要由CSDN通过智能技术生成

首先看今天的主角，nginx配置代码

    location / {
          proxy_pass http://myipaddr:8000/;
      }
      location /api/ {
          proxy_pass http://hisipaddr:8080/web/;
          proxy_set_header Host $http_host;
      }

公司的项目正式开始做了，今天和后端测试了第一个接口，很不幸，浏览器报出了跨域不可访问错误，不过已经没有截图了。幸好针对前后端分离架构，我早有准备，Nginx！
跨域问题也算是老生常谈的话题，大家讨论的都是有几种方法可以解决跨域。
但是，今天记录的主要是我错误的做法。
这个项目是我在负责前端开发，前端程序部署在我的电脑，后端在另一台。想都没想，我把nginx装在后端电脑上，同样，胡乱写了一通配置。仍然是该咋报错咋报错。

再来认识一下跨域问题，你访问一个网页，浏览器上会有域名。你点击网页中的一个发送请求的按钮，例如登录。请求也有一个URL。于是，我们便有了两个域