react反向代理

http-proxy-middleware

使用npm安装

npm i -D http-proxy-middleware

文档

点击查看

关键代码

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

module.exports = function(app) {
  app.use(
    '/api',	// api开头的地址的请求
    createProxyMiddleware({
      target: 'http://localhost:5000',	// 发向何处
      changeOrigin: true,
    })
  );
};

例如一个请求: http://localhost:5000/api/getPictures

则发送时使用: /api/getPictures

会被上面的'/api'给检索到，则将/api.getPictures拼接http://localhost:5000然后发出。