Next.js 13（App Router）在Firefox下触发socket hang up致服务崩溃

核心原因 #

这是Next.js 13的已知Bug：Firefox发起请求时不会携带sec-ch-ua-mobile请求头，导致next/image组件在处理多张图片请求时出现异常，最终触发socket hang up（错误码ECONNRESET）的服务崩溃问题。该Bug在单页加载超过6张图片时更容易复现，而Chrome会自动携带该请求头，因此无此问题。

临时解决方案 #

• 反向代理层注入请求头：在K8s Ingress或Nginx等反向代理中，为Firefox请求强制添加sec-ch-ua-mobile请求头，值设为?0（代表非移动设备）。示例Nginx配置：

  if ($http_user_agent ~* "Firefox") {
      proxy_set_header sec-ch-ua-mobile "?0";
  }
  

• 降级Next.js版本：暂时降级到未触发该Bug的Next.js稳定版本（如13.4.19之前的版本），待官方修复后再升级。
• 调整图片加载逻辑：临时限制单页加载的图片数量在6张以内；或改用原生<img>标签替代next/image组件（需自行实现图片优化逻辑）。

官方修复进展 #

该Bug已被官方确认并收录，开发团队正在推进修复，后续可通过升级Next.js正式版本获取修复。

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