如何解決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();
});