微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

创建 React App PWA - 更改 Service Worker 的缓存策略

如何解决创建 React App PWA - 更改 Service Worker 的缓存策略

我使用 CRA v4 创建了一个 PWA 模板,并通过注册启用了它附带的 Service Worker,因为我需要创建一个关于安装 PWA 的弹出通知

应用必须通过灯塔测试才能与 PWA 兼容,以便浏览器触发检测用户是否已安装 PWA 所需的 beforeinstallprompt 事件侦听器。

现在的问题是这个 Service Worker 正在使用 cache-first 策略。因此,刷新页面不会触发更新,而且在我部署更新后,我会看到旧版本的应用程序出现。

如何更改 CRA v4 服务工作线程的缓存策略,以便用户只需刷新页面即可获得新版本的应用程序?

我也很想知道为什么认使用此 cache-first 策略。对我来说,用户必须关闭每个选项卡才能获得新版本似乎很糟糕。为什么没有更多人提出这个问题?这显然不是用户友好的...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。