javascript - 如何首先使用网络制作 sw-precache？

Question

我有带有 sw-precache 的 PWA 网站，其序列如下：

重新加载页面

• 服务工作者应该在后台更新缓存完成后，您应该会看到有新的或更新的内容可用。在控制台中实际可见的更改不应该是可见的，直到下一次重新加载

重新加载页面

• 这次浏览器将使用新的缓存 现在应该可以看到更改了！控制台中不应有任何消息

我需要类似的，但如果文件已更新 - 将需要在首次加载页面中可见。不是在第二次加载之后。另一个（未更新）文件 - 来自缓存。这个有可能？因为双重重装看到新的变化不舒服。

Answer 1

global.toolbox.router.default = global.toolbox.networkFirst; // 对于所有路由

或者

global.toolbox.router.get('/assets/(.*)', global.toolbox.networkFirst); // 对于一些特定的路线

Answer 2

您尝试使用runtimeCaching选项设置适当的 URL 模式和策略（networkFirst、cacheFirst 等）以匹配这些请求。

"runtimeCaching": [{
   "urlPattern": "",
   "handler": "networkFirst"
}]