react配置代理setupProxy.js后拒绝连接请求
中,使用分别暴露的形式引入proxy建立代理。然后重启项目,就可以解决拒绝连接的问题。
·
在旧版本的React中setupProxy.js中使用统一引入方式引入:
const proxy = require('http-proxy-middleware')
module.exports = function(app) {
app.use(
proxy('/api1', {
target: 'http://localhost:5000',
changeOrigin: true,
pathRewrite: {'^/api1': ''},
}),
)
}
如果新版本的React还是使用旧版本的代理方式,localhost会拒绝连接:
解决方法
在新版本的react中,使用分别暴露的形式引入proxy建立代理。
const { createProxyMiddleware } = require('http-proxy-middleware') // 分开暴露的方式
module.exports = function(app) {
app.use(
createProxyMiddleware('/api1', {
target: 'http://localhost:5000',
changeOrigin: true,
pathRewrite: {'^/api1': ''},
})
)
}
然后重启项目,就可以解决拒绝连接的问题。
更多推荐
所有评论(0)