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

AmsChan ... 2022-01-25 21:22 React
  • Proxy
  • React
小于 1 分钟

# 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
    })
  )
}
1
2
3
4
5
6
7
8
9
10

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

百度之后,发现上面的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
    })
  )
}
1
2
3
4
5
6
7
8
9
10

心累。。。