当 service worker 检测到变化时立即更新 DOM

Instantly update DOM when service worker detects a change

有没有办法让服务工作者获取缓存版本,然后尝试进行网络获取,如果它与缓存版本不同,则将新内容放入缓存并替换 DOM 立即使用新的(无需刷新页面)?

嘿,是的,这是一个非常棘手的情况,但我所做的是在生产发布时将版本号保存到我的 .env 文件中。

然后我构建了这个 NPM 包,它将在构建时显示 .env 的版本号。然后我可以在我的 VueJS - PWA 中使用这个数字来检查当前缓存的旧版本号,如果它们不匹配则执行网络请求。

https://www.npmjs.com/package/vue-enverywhere