【前端】react配置代理解决跨域

最新推荐文章于 2024-08-28 09:41:59 发布

V8贤

最新推荐文章于 2024-08-28 09:41:59 发布

阅读量242

点赞数

本文链接：https://blog.csdn.net/weixin_44815500/article/details/115307197

版权

reactjs

react配置代理解决跨域

先安装http-proxy-middleware

npm install http-proxy-middleware --save
yarn add http-proxy-middleware --save

在src目录下创建 setupProxy.js 文件
设置代理（setupProxy.js文件内容

const proxy = require('http-proxy-middleware');

module.exports = function (app) {
  app.use(proxy.createProxyMiddleware('/qwl', {    // 'qwl'  需要转发的请求
    target: 'https://baidu.com',  //接口服务器地址
    // target: 'http://192.168.9.19:8080', 
    changeOrigin: true,
    pathRewrite: {
      '^/qwl': ''
    },
  }));
};