尽管配置了代理，前端仍从意外的本地主机地址获取数据

Question

我有一个 React 前端应用程序，在 package.json 文件中配置了一个代理，指向在 http://localhost:2371 上运行的 Flask 后端。然而，当使用 fetch("/members") 发出从后端获取数据的请求时，前端似乎是从 localhost:5173 （react 站点运行的地址）而不是预期的 localhost:2371 获取数据。我已经仔细检查了代理配置 （这是我的 package.json）：

 "name": "react-frontend",
 "private": true,
 "proxy": "http://localhost:2371",
 "version": "0.0.0",
 "type": "module",

并确保后端服务器正在运行，但我仍然遇到这个问题。是什么导致前端从意外的本地主机地址而不是配置的代理获取数据？如果我从整个地址（“http://localhost:2371/members”）获取，代码就可以工作，但只写“/members”会更简单。我是否需要将 package.json 导入到我的 App.tsx 中才能使其正常工作，或者它是否已经以某种方式连接？任何有关故障排除的见解或建议将不胜感激。谢谢！

Answer 1

尝试用 127.0.0.1 替换 localhost

"proxy": "http://127.0.0.1:2371",