跨域请求

跨域解决方案:
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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。