MERN栈(React+Node.js)应用中ws无限请求问题排查求助

你看到的ws://localhost:3000/ws是WebSocket连接请求，状态码101 Switching Protocol表示协议切换成功，但无限重复请求说明WebSocket连接在反复断开并触发重连。以下是常见成因：

• 服务端WebSocket配置异常

  • 服务端未正确处理WebSocket连接的生命周期，比如连接建立后因逻辑错误直接断开，导致客户端自动触发重连。
  • 服务端的WebSocket路由/中间件存在Bug，比如未正确监听connection事件，或处理消息时抛出异常导致连接中断。

• 客户端WebSocket逻辑问题

  • 应用中存在全局的WebSocket初始化逻辑（比如在根组件、全局状态管理工具中），未做连接状态判断，每次组件挂载或状态更新时都重新创建WebSocket实例，造成重复连接。
  • 客户端重连逻辑无限制：连接断开后立即重试，未设置延迟或重试次数限制，形成无限循环重连。

• 开发环境配置冲突

  • 若使用Create React App等开发工具，其自带的热重载功能依赖WebSocket，可能和你自己的WebSocket服务端口冲突，导致连接异常断开后反复重试。
  • 代理配置错误：比如在package.json或代理中间件中，将WebSocket请求错误转发到HTTP服务，导致连接无法维持，触发重连。

• 第三方依赖的隐性WebSocket请求
  你提供的Axios代码是普通HTTP请求（已用CancelToken处理卸载泄漏），和当前WebSocket问题无关，但要排查是否有其他依赖库（比如实时状态同步工具、推送SDK）在后台自动创建WebSocket连接，且存在重连逻辑问题。

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