React代理配置异常：/users接口未转发至localhost:8080端口

你的问题核心是React开发服务器的proxy转发对/users失效，但/shows正常，可能的原因和解决方法如下：

1. 重启React开发服务器 #

create-react-app的proxy配置在修改或新增API路由后，需要重启开发服务器才能加载新的转发规则。如果是新增/users接口后未重启服务，旧的缓存规则会导致请求无法被正确转发。直接关闭React的npm start进程，重新启动即可。

2. 排查React Router路由冲突 #

如果你的React应用中使用了React Router，并且定义了/users的前端路由（示例如下）：

<Route path="/users" element={<UsersPage />} />

此时React开发服务器会优先将/users请求匹配到前端路由，而非转发到Express服务器。

解决方法：

• 修改API路径，比如将Express的路由改为/api/users，对应fetch请求改为fetch("/api/users")
• 临时使用绝对路径验证：fetch("http://localhost:8080/users")，若能正常获取数据，即可确认是路由冲突问题

3. 修正代码中的数据解析错误 #

注意到getAllUsers函数里存在一个逻辑错误：

setUsers(records.shows);

此处应改为records.users，否则即使请求成功，也无法正确设置用户数据（该问题与当前转发问题无关，但建议一并修正）。

4. 再次确认Express路由定义 #

确保Express服务器的/users路由定义正确，示例如下：

app.get('/users', (req, res) => {
  // 业务逻辑处理
  res.json({ users: [...用户数据列表] });
});

检查路由是否存在拼写、大小写错误，且返回的JSON结构包含users字段。

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