react配置setupProxy之后页面无法打开

react 配置 setupProxy 之后页面无法打开

我setupProxy.js的配置如下

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

module.exports = function (app) {
  app.use(
    proxy('/api/v1', {
      target: 'http://127.0.0.1:5000/',
      changeOrigin: true
    })
  );
};

然后重新编译项目，页面打不开了，显示拒绝连接，去除这个配置后又恢复正常，所以断定是这个配置有问题

百度之后，发现上面的proxy语法是旧的，http-proxy-middleware大于1.x版本应该使用以下函数: createProxyMiddleware

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

module.exports = function (app) {
  app.use(
    createProxyMiddleware('/api/v1', {
      target: 'http://127.0.0.1:5000/',
      changeOrigin: true
    })
  );
};

心累。。。