无法将请求 /pusher/auth 从 localhost:3000 代理到 http://localhost:5000 (ECONNREFUSED)

IT技术 reactjs
2021-03-27 06:20:58

我正在尝试使用 reactJS 和 pusher 创建聊天应用程序,我收到此错误-

无法将请求 /pusher/auth 从 localhost:3000 代理到 http://localhost:5000 (ECONNREFUSED)

在 package.json 文件中,我已将代理设置为-

"proxy": "http://localhost:5000"

localhost的定义是127.0.0.1/etc/hosts文件中。
我还使用 来检查端口可用性netstat,但这些似乎都是正确的。有人可以帮忙吗?

6个回答

我在我的 React 应用程序中遇到了同样的问题,我通过在 package.json 文件中的端口号后添加“/”来修复它(所以现在它是:“proxy”:“ http://localhost:5000/ ”)

不要认为这会起作用,因为这仅在用户在前端使用路由时未添加斜杠的情况下才能解决。添加斜线只是为了让你不需要在你的反应应用程序的任何路线中添加开始斜线
2021-05-30 06:20:58

我遇到了类似的问题,但在 Mac 机器上。我改变localhost127.0.0.1,这对我有用。

对于窗户:

"proxy": {
  "/auth/google": {
    "target": "localhost:5000"
  }
}

对于 Mac:

"proxy": {
  "/auth/google": {
    "target": "http://127.0.0.1:5000"
  }
}
为这个加油!
2021-06-10 06:20:58

在您的服务器 package.json 中,将 --ignore 客户端添加到您的“开始”或“服务器”脚本中。所以它看起来像这样:

 "scripts": {
 "start": "node index.js",
 "server": "nodemon index.js --ignore client"
 }
你好,我不太记得我是怎么想出来的,因为它是很久以前的事了。但我确实记得将问题缩小到 nodemon 并通过互联网查找配置并选择最合乎逻辑的配置进行测试。我希望能回答您的思维过程问题。最重要的是,我相信正是知道要问什么才让我找到了一个可接受的解决方案。
2021-05-24 06:20:58
你怎么知道要这样做?
2021-05-26 06:20:58
非常感谢你做的这些。我试图修复这个错误几个小时。
2021-06-21 06:20:58

在服务器目录中

npm install --save http-proxy-middleware

然后在客户端react文件夹的 src 目录中创建一个具有此名称的文件:setupProxy.js

在此处输入图片说明

然后添加以下内容

在此处输入图片说明

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  app.use(proxy("/api/**", { // https://github.com/chimurai/http-proxy-middleware
    target: "http://localhost:5000",
    secure: false
  }));
};

在代理配置中,确保您匹配任何带有双 ** 的路径,而不仅仅是 *

注意:您不会像那样在其他任何地方都需要此代理

注意:删除 package.json 中的任何其他代理设置 有关更多信息,请查看此参考

注意:您无需在任何地方导入此文件。它在您启动开发服务器时自动注册。
2021-06-09 06:20:58

我认为您还没有启动后端服务器。尝试同时启动后端和前端服务器。只需npm start在后端和前端运行即可