react的反向代理

在配置在src文件夹中setupProxy.js文件，并通过npm安装http-proxy-middleware,代理中间件模块

npm i -S http-proxy-middleware

 

 

配置反向代理

// 模块化环境是commonjs规范  webpack devServer配置环境
// 此文件修改需要重启开发环境

// 起别名
const { createProxyMiddleware: proxy } = require('http-proxy-middleware')

module.exports = app => {
  // express中间件 express环境
  app.use('/api', proxy({
    target: 'http://localhost:8080',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  }))
}