React前端搭配Node.js后端接口调用无响应，Postman可正常调用

问题解决步骤 #

1. 修正代理配置位置

代理配置"proxy": "http://localhost:5050/"不能写在后端项目的package.json中，该配置是React脚手架为前端项目提供的跨域代理能力，仅对前端项目的package.json生效。请将该配置移到frontend文件夹下的package.json中，修改完成后重启前端开发服务。

2. 核对接口请求路径

你在server.js中将user路由模块挂载到了/user前缀下，结合User.js内定义的/users子路由，完整的接口请求路径为/user/users。如果前端直接请求/users，后端无法匹配到对应路由，自然不会触发路由内的打印逻辑，也不会返回预期响应，请确认前端发起请求的路径和上述完整路径一致。

3. 可选调试方案

如果修改后问题仍存在，可以打开浏览器控制台的「网络」标签，查看前端请求的实际地址、状态码：

• 状态码为404：优先核对路径拼写、路由挂载规则
• 出现跨域报错：可以临时将cors配置改为全通测试：app.use(cors({ origin: '*' }))

4. 修正路由代码隐患

你当前User.js的catch块中引用了仅在then作用域内有效的data变量，会导致异常捕获逻辑执行时报错，建议修改为：

router.get("/users", (req, res) => {
  console.log("Inside users");
  User.find({})
    .then((data) => {
      console.log("data", data);
      res.json(data);
    })
    .catch((error) => {
      console.log("error", error);
      res.send(error);
    });
});

内容的提问来源于stack exchange，提问作者TanDev