react配置setupProxy之后页面无法打开
akino ... 2022-01-25 21:22 小于 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
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
2
3
4
5
6
7
8
9
10
心累。。。