react配置代理setupProxy.js后拒绝连接请求

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

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