在旧版本的ReactsetupProxy.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': ''},
        })
    )
}

然后重启项目,就可以解决拒绝连接的问题。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐