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

Question

我有以下错误：

代理错误：无法代理请求/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服务器对话。 为什么会出现此错误？

Answer 1

您需要以快递方式将您的跨域网址列入白名单。

这是一个简单的中间件功能，用于根据白名单提供正确的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();
});