javascript - 使用 Workbox 缓存整页

Question

我正在尝试使用 Workbox 缓存整个页面，但它无法按照我的要求工作我只想缓存而不是 html 我想使用 Image、Js、Css 缓存整个页面目前它仅缓存 html

workbox.routing.registerRoute('/about.html', new workbox.strategies.NetworkFirst());

上面的代码我用于页面缓存

Answer 1

页面上使用的每个子资源(图像、JavaScript、CSS 等)都会产生新的 HTTP 请求。您注册的路由将与每个 HTTP 请求的 URL 进行匹配。现在，您注册的路由将与特定 URL 路径名 '/about.html' 匹配。

如果您想绝对缓存您的网络应用程序发出的每个同源请求，您可以调整路由逻辑以使用 RegExp 通配符，例如:

workbox.routing.registerRoute(
  new RegExp('/.*'),
  new workbox.strategies.NetworkFirst()
);

如果您想缩小缓存的范围，或者对不同类型的 URL 使用不同的策略，则可以进一步修改该 RegExp。