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

Jan 25

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
    })
  )
}

心累。。。