本地Node.js后端断网时无法接收React前端请求问题排查

先查请求地址的差异 #

• 优先检查React前端的API请求基地址：
  很多前端项目会把API地址存在.env文件（比如REACT_APP_API_URL），如果配置的是公网IP或域名，断网后本地没法解析或访问这个地址；而Postman直接用localhost:端口或127.0.0.1:端口，属于本地回环地址，断网不受影响。
  直接把前端API地址改成http://localhost:你的后端端口或http://127.0.0.1:你的后端端口就能解决。

排查开发代理的问题 #

• 如果React开发时用了setupProxy.js或者package.json里的proxy字段做请求代理：
  有些代理配置可能依赖外部网络环境，或者断网后浏览器的策略限制了代理请求的本地转发。
  可以这么测：
  1. 在前端代码里直接写死本地后端地址发起请求，看能不能成功；
  2. 关掉代理配置，重启前端服务再试。

浏览器的网络策略限制 #

• 部分浏览器在断网状态下，会限制页面发起的请求（哪怕是本地地址），或者缓存了之前的网络状态。
  试试这两个操作：
  • 打开浏览器F12开发者工具，切换到Network标签，勾选Disable cache，刷新页面再发起请求；
  • 用无痕模式打开前端页面，避开缓存和扩展程序的干扰。

本地防火墙或进程权限问题 #

• 虽然Postman能访问，但React的开发服务器进程可能被本地防火墙限制了断网状态下的本地连接。
  可以临时关闭系统防火墙，测试前端请求是否恢复；如果恢复了，就给React开发服务器（默认3000端口）添加防火墙允许规则。

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