跨域解决方案:
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