React中配置反向代理

下载依赖

npm i http-proxy-middleware --save -dev

在src目录下新建setupProxy.js文件

const { createProxyMiddleware } = require('http-proxy-middleware')
 
module.exports = function (app) {
  app.use(createProxyMiddleware('/api', {
    target: 'http://www.ibugthree.com',
    secure: false,
    changeOrigin: true,
    pathRewrite: {
      "^/api": ""
    }
  }))
}

之前的旧版本中是这个样子写的 不过这种方法已经被废弃
此时cmd中会报proxy is not a funtion 表示此方法已经被弃用
旧版可在setupProxy.js中设置proxy属性

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

重新启动项目

npm start