在 Android Chrome 上的 Angular 应用中缓存 HTTP 错误

如何解决在 Android Chrome 上的 Angular 应用中缓存 HTTP 错误

我们有一个与 Service Worker 一起运行的 Angular 应用（主要用于通知支持）。

最近，我们收到了一小部分用户的投诉，称无法在 Chrome Android 上为他们加载网络应用，并且他们收到 502 HTTP 错误。似乎正在缓存该错误，因为重新加载没有任何作用。

但是当我们要求他们清除 cookie 时错误就会消失，而且我们无法在我们的设备中重现他们的错误。所有投诉仅来自 Android - 不是桌面设备，也不是 iOS。

Angular 12 和 @angular/PWA (https://www.fantrax.com/ngsw-worker.js)

该应用程序可在 https://fantrax.com/

解决方法

如您所知，首先缓存行为来自 Service Worker。我总是禁用正在进行的项目的服务工作者，否则，您必须清除所有内容或执行硬刷新（使用Ctrl + F5）查看/进行更改。因此，很难用活跃的 Service Worker 调试项目。然后，尝试通过一些测试（例如 e2e）来查找错误以自动化该过程。例如，如果您尝试使用 google chrome 开发者工具激活 push 行为，您将看到 ngsw-worker.js 出现意外错误。