Mobile Safari请求失败后无法恢复联网问题排查

• 开发的表单类Web应用存在iOS端Mobile Safari专属问题：设备断网一段时间后应用停止工作，应用具备每隔x秒自动保存表单填写进度的功能。
• 初始断网阶段，请求会等待超时，若在此期间恢复网络，应用可正常运行；但断网状态下发起约5次请求后，浏览器会缓存失败响应，控制台报错Failed to load resource: The internet connection appears to be offline，此时即便恢复网络，应用也无法恢复功能。
• 即使刷新页面，Safari仍显示"Not connected to the internet"，但设备上其他网站可正常访问网络。

已尝试的无效方案 #

• 为axios设置禁用缓存的请求头，无效果：

  const headers = {
      'Cache-Control': 'no-cache',
      'Pragma': 'no-cache',
      'Expires': '0'
    }
  

• 缩短请求超时时间
• 移除原PWA架构中的serviceWorker功能
• 尝试取消axios请求
• 单独发起健康检查请求，同样出现故障

该问题可通过CodePen示例复现

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