跨域反应问题的解决方法

这篇文章将为大家详细讲解有关跨域反应问题的解决方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

反应跨域问题的解决方法:首先在【package.json】中加入【proxy":“http://localhost: 8000】,然后页面中的请求【获取(& # 39;/api/用户数据/& # 39;)】会转发到代理中的地址。

<强>反应跨域问题的解决方法:

<强>一、最简单的操作

在package.json中加入<代码>“proxy":“http://localhost: 8000年“

然后你页面中的请求获取(& # 39;/api/用户数据/& # 39;)就会转发到代理中的地址

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

因为在浏览器看来,你只是发了获取(& # 39;/api/用户数据/& # 39;),没有跨域问题

<强>二、添加多个代理

在包中。json中加入

“proxy": { 　　“/api": { 　　“target":“http://localhost: 8000“, 　　“changeOrgin":没错 　　}， 　　“/app": { 　　“target":“http://localhost: 8001“, 　　“changeOrgin":没错 　　｝ 　　},

使用方法

axios.post (& # 39;/api/用户# 39;)。然后(res=祝辞{ 　　console.log (res) 　　})

但是当重新执行npm开始时会报的错,说“proxy"的值应该是一个字符串类型,而不能是对象。

其原因是由于react-scripts模块的版本过高,需要删除到原目录下node_modules中的react-scripts文件夹,安装低版本

npm安装react-script@1.1.1——保存

的确跨域问题可以解决了,但是又出现了新的问题,我在项目中使用了sass,当把react-scripts改为低版本后并不支持对sass的解析,如果要想支持sass的话,需要到node_modules react-scripts/config中进行配置,但是并不推荐你这样做。

<强>三,最佳推荐

下载http-proxy-middleware

npm我http-proxy-middleware——保存

创建src/setupProxy。js

关于跨域反应问题的解决方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
跨域反应问题的解决方法