nginx处理前端跨域问题 -详解 windows 和 mac 下的配置

什么是跨域？

通俗地讲，跨域就是由于前后端分离开发模式下，同一ip，同一域名，不同端口号，需要互相访问，需要cookie的传递以及数据的获取。一般在项目中，前后端完全分离，因此访问的端口号不同，比如：localhost：8090（前端）发送到localhost：8001（后端）请求数据，此时前后端就出现了

==跨域问题！ ==

如何解决跨域？

解决跨域的方法有很多，有其余4种方法虽然可以让前后端实现数据交互，但是cookie前后端还是不通，还是没有完全解决，后续我研究后出博客说明。

那我们现在讲解一种方法 nginx服务器反向代理访问，这个东西是可以完全解决。

nginx反向代理

windows具体步骤如下

1.1 下载

首先，自己安装好nginx， 到nginx官网上下载相应的安装包，https://www.cnblogs.com/qfb620/p/5508468.html；

1.2 下载好后房放到D盘中某个目录下，解压出来即可

1.3 将自己的前端项目打包好放置在html目录下

1.4 修改conf文件夹下的nginx.conf文件

1.4 在该文件中加入如下配置

location /apis {
   
rewrite ^.+apis/?(.*)$ /$1 break;
include uwsgi_params;
proxy_pass http://localhost:8001;
}
1
2
3
4
5
6

重点配置如下！