如何在开发react前后端分离项目中，使用nginx实现跨域

[(25条消息) 如何在开发react前后端分离项目中，使用nginx实现跨域_u013905744的专栏-CSDN博客_nginx react 跨域](https://blog.csdn.net/u013905744/article/details/100781833)

 

Windows下使用nginx

场景：

我的react+antD的前端项目部署在IIS上，在8000端口

后端spring boot项目如何部署，才能实现跨域

大家知道，前后端项目中访问需要遵循同源策略：

协议相同 域名相同 端口相同

如果我启动spring boot在192.168.211.101:8062，那么肯定是跨域的

如何实现跨域呢？使用nginx

解决方案：

1. 编辑nginx.conf文件

2. 修改前端访问时的url

这样就满足了同源策略，实现了跨域

参考：

通过 Nginx 代理转发配置实现跨域（API代理转发）

linux下使用nginx

如果将react编译后的build文件夹直接放到nginx上，也是可以的

其nginx配置为

通过root指定其位置

axios请求后端的时候，直接用windows.location.href+"/stage"+url来访问