react添加并配置setupProxy.js后， 网页打不开，无法访问，无法访问此网站

问题描述：

react添加并配置setupProxy.js后， 网页打不开，无法访问，无法访问此网站

出现原因:

①http-proxy-middleware版本问题，查看package-lock.json中"http-proxy-middleware": “^2.0.3”,其版本为2.0.3较高

解决方法：

更改setupProxy.js的配置
低版本配置

const proxy = require('http-proxy-middleware');

module.exports = function (app) {
  app.use(
    proxy('/api', {
      target: 'http://localhost:5000', // 目标服务器
      changeOrigin: true, // 控制服务器收到的响应头中Host字段的值
      pathRewrite: { // 路径重写（去除/api前缀）
        '^/api': ''
      }
    })
  );
};

较高版本配置

const { createProxyMiddleware: proxy } = require('http-proxy-middleware');

module.exports = function (app) {
  app.use(
    proxy('/api', {
      target: 'http://localhost:5000', // 目标服务器
      changeOrigin: true, // 控制服务器收到的响应头中Host字段的值
      pathRewrite: { // 路径重写（去除/api前缀）
        '^/api': ''
      }
    })
  );
};

详细配置信息http-proxy-middleware