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、进入游戏-大厅左侧-新手福利...
第5分钟分享!乐平包王讨赏辅助... 第5分钟分享!乐平包王讨赏辅助,微信海盗来了辅助工具(好像真的有挂)-哔哩哔哩1、超多福利:超高返利...
三分钟分享!广西老友玩有破解码... 三分钟分享!广西老友玩有破解码,湖北卡五星技能(一直真的有挂)-哔哩哔哩1、完成广西老友玩有破解码的...
第6分钟揭幕!蜀山辅助工具,越... 第6分钟揭幕!蜀山辅助工具,越乡游义乌辅助器免费试用(总是是有挂)-哔哩哔哩1、全新机制【越乡游义乌...
第3分钟必备!新世界辅助器,河... 第3分钟必备!新世界辅助器,河洛杠次脚本开发(原来真的是有挂)-哔哩哔哩1)河洛杠次脚本开发辅助挂:...
第十分钟关于!宝宝游戏辅助器,... 第十分钟关于!宝宝游戏辅助器,约战平台辅助(竟然是真的挂)-哔哩哔哩所有人都在同一条线上,像星星一样...
8分钟普及!中至上饶510k有... 8分钟普及!中至上饶510k有没有挂车,多乐辅助器免费版(原来是真的挂)-哔哩哔哩1、全新机制【中至...
第1分钟揭幕!菠萝辅助器1.3... 第1分钟揭幕!菠萝辅助器1.3,微乐陕西三代自建房怎么提高胜率(本来真的有挂)-哔哩哔哩1、玩家可以...
九分钟揭幕!开心泉州辅助,78... 九分钟揭幕!开心泉州辅助,789大菠萝辅助(总是是真的挂)-哔哩哔哩1、完成开心泉州辅助透视辅助安装...