Service Worker

«结论先行："navigator.onLine" 只检测网络接口是否 UP，不检测目标是否可达。一次真实事故里，3 天内 47 个用户「WiFi 满格、navigator.onLine === true」，但 100% 的 API 请求超时

«结论先行：Service Worker 的 "fetch" 拦截 + "Cache Storage" 默认是对一切 GET 请求都缓存的——它并不区分「静态资源」和「接口数据」。一旦某次发版把 API 响应也卷进缓存策略，用户拿到的就是「

【背景】 React 18 + Vite 5 的 B 端中台，约 200 个路由，用 Workbox 做 Service Worker 预缓存（precacheManifest 约 380 个资源）。错误上报走 Sentry，sourcem

一、现象：一次发版后 23 分钟白屏，41 条工单，根因是「HTML 被缓存了」 2024 年 11 月，我们一个 B 端 SaaS（React 18.2 + Vite 5.1，Nginx 1.25 反代 + Cloudflare CDN）