React中跨域问题的完美解决方案

针对react版本^16.6.0有多种解决方案

 

方案一:package.json中加上proxy代理配置

在packge.json加入

"proxy": "http://0.0.2.89:7300"

然后你页面中的请求fetch('/api/userdata/')就会转发到proxy中的地址

也就是真实的请求是http://0.0.2.89:7300/api/userdata/,而且也不会有跨域问题

因为在浏览器看来,你只是发了fetch('/api/userdata/'),没有跨域问题

 

方案二:使用http-proxy-middleware

create-react-app 文档里面有解决方案http-proxy-middleware

请查看文档,具体操作后续将更新

posted @ 2018-11-28 20:32  dellyoung  阅读(20994)  评论(0编辑  收藏  举报