我正在使用“缓存”在 service worker 中缓存我的 PWA 资产并使其离线可用。
当我更改一个资产,特别是一个 js 文件时,我修改了我的 service worker 中的至少一个字节来触发它的本地更新:service worker 更新并检索它之前缓存的所有资产来刷新它的缓存。
然而,服务器以文件的缓存版本响应,虽然我拥有所服务的文件,但我无法控制 Cache-Control http 标头。
如何防止浏览器缓存服务工作者缓存的资源?对文件进行版本控制
"?v="+version
后缀不起作用,因为此版本无法传递给引用 html 文件中的缓存文件的 or 或标记,这些文件是静态的,缓存将无法识别和提供脱机未版本化的文件名。
由于“caches.addAll”不允许 AFAIK 以任何方式将 http 请求标头(例如 Cache-Control)指定为 fetch 或 XMLHttpRequest,如何防止对我的资产进行额外的激进缓存阶段?
我使用的是纯 Javascript,如果可能的话,我需要在没有任何额外库的情况下完成它。另请注意,元 http-equiv 标签不会解决完整 html 以外的资产问题。