android - 在 Android Chrome 上的 Angular 应用程序上缓存 HTTP 错误

Question

我们有一个使用 service worker 运行的 Angular 应用程序(主要用于通知支持)。
最近，我们收到了一小部分用户的投诉，称 Web 应用程序无法在 Chrome Android 上为他们加载，并且他们收到 502 HTTP 错误。它似乎正在缓存该错误，因为重新加载不会做任何事情。
但是当我们要求他们清除 cookie 并且我们无法在我们的设备中重现他们的错误时，错误就会消失。所有投诉仅来自 Android - 不是桌面，也不是 iOS。
Angular 12 与 @angular/PWA (https://www.fantrax.com/ngsw-worker.js)
该应用程序位于 https://fantrax.com/

Answer 1

如您所知，首先缓存行为来自服务 worker 。我总是禁用 正在进行的项目的服务人员，否则，您必须清除所有内容或执行硬刷新(使用 Ctrl + F5)才能查看/进行更改。因此，很难使用活跃的服务人员调试项目。然后，尝试通过诸如 e2e 之类的测试来查找错误以自动化该过程。例如，如果您尝试使用 google chrome 开发人员工具激活推送行为，您将看到 ngsw-worker.js 引发的意外错误。