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

Posted 2021-01-23 piaobodewu

针对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

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