sw-precache - 如何在 sw-precache 中缓存新的 fetch 请求

Question

我正在尝试使用sw-precache来增强 Web 应用程序中的离线体验。

据我了解，该库（如果我错了，请纠正我）是预先缓存所有静态资产。新的请求呢？

假设我想缓存新获取获取请求的响应。

是否可以覆盖/扩展 self.addEventListener('fetch', ...生成的 sw 文件中已经提供的内容

我可能在这里非常想念一些东西。请启发我...

Answer 1

您需要使用该选项runtimeCaching。此选项为那些新的 fetch 请求启用缓存。

您将一个对象数组传递给它，指定urlPattern您要匹配的内容、handler您希望用于匹配请求的对象以及您可以在链接中查看的其他一些选项。