React使用http-proxy-middleware作反向代理

1. 引入http-proxy-middleware

yarn add http-proxy-middleware
// 或
npm install http-proxy-middleware --save-dev

2. 配置

在config文件夹下添加proxy.js文件(如果使用默认的可以直接在src目录下添加setupProxy.js)
改变路径:在config/paths.js

proxySetup: resolveApp('src/setupProxy.js')
// 改为
proxySetup: resolveApp('config/proxy.js')
image.png

在proxy.js下添加配置

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

module.exports = function(app) {
  app.use(
    createProxyMiddleware('/api', {
      target: 'http://192.168.52.103:8888',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '/api'
      }
    })
  );
}

OK! 配置完成。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容