跨域请求

跨域解决方案：
1.开发模式下：
利用环境来解决： react，vue框架都提供了解决方案。

2.生产模式下：
jsonp, cors, iframe, postMessage...
npm run build 打包 -> 生产模式

解决1 - 在github中查看react文档有详细的解决办法

image.png

image.png

image.png

image.png

重启服务运行。

解决2 - 手动配置在服务端解决
1.安装 http-proxy-middleware

image.png

2.创建文件src里边setupProxy.js，

image.png

粘贴下边代码

image.png

服务端通过api代替了 地址，所以在react-fetch中改写地址

image.png