如何解决 reactjs/express 应用程序中的代理错误？

【问题标题】：How to resolve a proxy error in a reactjs/ express app?如何解决 reactjs/express 应用程序中的代理错误？
【发布时间】：2019-05-20 15:52:54
【问题描述】：

我有以下错误：

代理错误：无法代理请求 /AppManager.jsx 请参阅 https://nodejs.org/api/errors.html#errors_common_system_errors 为更多信息（ECONNREFUSED）。

react-dom.development.js:199 GET http://localhost:3000/List.jsx 500 （内部服务器错误）

我正在使用基于 create-react-app 的应用程序。该应用程序与 express/node api 服务器通信。为什么会出现此错误？

【问题讨论】：

标签： node.js reactjs express

【解决方案1】：

您需要在 express 中将您的跨域 url 列入白名单。

这是一个简单的中间件函数，用于从白名单中提供正确的 CORS 标头。将此设置在您的快速应用顶部附近将允许您的所有路由在提供内容之前从白名单中设置正确的标题。

 app.use(function(req, res, next){
 var whitelist = ['localhost:4000', 'localhost:3000', 'anydomain.com']
 var host = req.get('host');

 whitelist.forEach(function(val, key){
  if (host.indexOf(val) > -1){
   res.setHeader('Access-Control-Allow-Origin', host);
  } 
})

next();
});

【讨论】：