node.js - 代理不适用于 react 和 Node

Question

我设置的代理有问题。

这是我的根 package.json 文件:

"scripts": {
    "client": "cd client && yarn dev-server",
    "server": "nodemon server.js",
    "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\""
}

我的客户端 package.json 文件:

"scripts": {
    "serve": "live-server public/",
    "build": "webpack",
    "dev-server": "webpack-dev-server"
},
"proxy": "http://localhost:5000/"

我已经在服务器端设置了 express 以在端口 5000 上运行。每当我向服务器发出请求时，即:

callApi = async () => {
    const response = await fetch('/api/hello');
    const body = await response.json();
    // ... more stuff
}

请求总是去

有人可以指出我必须做些什么来解决这个问题，以便请求真正到达端口 5000 吗？

Answer 1

这个问题我遇到过好几次，我认为是缓存的问题。要解决此问题，请执行以下操作

---

编辑:@mkoe 说他可以简单地通过删除 package-lock.json 文件并重新启动应用程序来解决这个问题，所以请先尝试一下。如果这不能解决问题，请执行以下操作。

---

1. 停止你的 React 应用
2. 通过
   rm -r package-lock.json node_modules 删除 package-lock.json 文件和 node_modules 目录
   在应用程序目录中。
3. 然后在应用程序目录中执行 npm install。

希望这能解决您的代理问题。