React前端无法与Node后端建立连接，PostMan请求正常求排查

错误点1：React代理配置位置错误 #

你的package.json中把proxy配置放在了options对象内部，但create-react-app要求proxy必须直接放在配置的根层级，否则代理规则不会生效。

修复后package.json关键部分：

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "proxy":"http://localhost:5000",
  "options": {
    "allowedHosts": ["localhost",".localhost"]
  },
  // ...其余原有配置
}

错误点2：端口不匹配 #

Node后端的启动端口是process.env.PORT || 5000，但React的proxy配置写的是http://localhost:8000，两者端口不一致，导致请求无法转发到正确的后端服务。

修复方式二选一：

• 修改React的proxy为http://localhost:5000，和Node默认端口保持一致
• 在Node项目的.env文件中添加PORT=8000，让后端运行在8000端口

错误点3：axios请求返回值错误 #

你的register函数最后返回的是register.data，但register是当前函数本身，正确的应该返回response.data，否则会抛出Cannot read property 'data' of undefined的错误。

修复后axios代码：

import axios from 'axios'

// Sending Request to register User
let URL = "/user/"

const register = async (userData) => {
  let response = await axios.post(URL + 'register', userData)

  if (response.data) {
     localStorage.setItem('user', JSON.stringify(response.data))
  }

  return response.data // 此处改为response.data
}

额外验证步骤 #

1. 重启React开发服务器（修改package.json后必须重启才能生效代理配置）
2. 确认Node后端已经启动，控制台输出的端口和proxy配置的端口一致
3. 打开浏览器开发者工具的Network面板，查看请求的实际地址是否被转发到后端端口

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