Axios在纯js中可以GET请求,但在React中无法使用–CORS错误。
创始人
2024-09-29 03:30:03
0

问题的根源是跨源资源共享(CORS)错误,因为React运行在本地主机而不是远程服务器上,所以Axios在React中不能使用。

为了解决这个问题,必须通过将CORS标头添加到HTTP响应中,允许从不同源头发送的请求,或通过使用代理。

以下是使用代理的解决方案:

  1. 在项目根目录下创建"setupProxy.js"文件。

  2. 在"setupProxy.js"文件中加入以下代码:

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://example.com',
      changeOrigin: true,
    })
  );
};

上述代码创建了一个代理中间件,将"api"路径下的请求发向"http://example.com",而不是本地服务器。

  1. 然后,更新Axios的请求路径为绝对路径加上"api"前缀:
axios.get('/api/some/resource')

这将直接将请求发送到代理,代理会将其重定向到目标服务器。

现在Axios应该可以在React中正常使用,因为代理解决了CORS问题。

相关内容

热门资讯

两分钟了解!竹间茶馆辅助!本来... 两分钟了解!竹间茶馆辅助!本来是有辅助攻略(真实有挂)-哔哩哔哩1、用户打开应用后不用登录就可以直接...
2分钟了解!友友联盟辅助器!竟... 2分钟了解!友友联盟辅助器!竟然存在有辅助工具(有挂攻略)-哔哩哔哩1、每一步都需要思考,不同水平的...
第8分钟了解!518互娱辅助器... 第8分钟了解!518互娱辅助器下载!都是是真的有辅助工具(确实有挂)-哔哩哔哩518互娱辅助器下载透...
第八分钟了解!雀姬辅助脚本!总... 第八分钟了解!雀姬辅助脚本!总是是有辅助方法(有挂助手)-哔哩哔哩1、起透看视 雀姬辅助脚本辅助软件...
第9分钟了解!微信财神十三章辅... 第9分钟了解!微信财神十三章辅助安装包!确实真的是有辅助教程(有挂教程)-哔哩哔哩小薇(辅助器软件下...
一分钟了解!约战武汉辅助软件!... 一分钟了解!约战武汉辅助软件!果然真的有辅助插件(有挂方针)-哔哩哔哩1、不需要AI权限,帮助你快速...
第九分钟了解!咸宁方片十三张透... 第九分钟了解!咸宁方片十三张透视脚本!本来一直总是有辅助技巧(有挂方针)-哔哩哔哩咸宁方片十三张透视...
第六分钟了解!微信小游戏辅助器... 第六分钟了解!微信小游戏辅助器!切实一直总是有辅助技巧(有挂工具)-哔哩哔哩1、打开软件启动之后找到...
第八分钟了解!蘑菇云辅助使用视... 第八分钟了解!蘑菇云辅助使用视频!原来有辅助技巧(证实有挂)-哔哩哔哩1)蘑菇云辅助使用视频辅助插件...
第九分钟了解!掌电竞技辅助工具... 第九分钟了解!掌电竞技辅助工具!其实真的是有辅助软件(有挂技术)-哔哩哔哩1、掌电竞技辅助工具有没有...