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

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

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

以上是 React中跨域问题的完美解决方案 的全部内容, 来源链接: utcz.com/z/383915.html

回到顶部