使用Workbox缓存整个页面

Question

我正在尝试使用Workbox缓存整个页面，但它不能根据我的要求工作，我想缓存不只是html，我想缓存图像，Js，Css的整个页面，目前它只缓存html

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

上面的代码是我用来缓存页面的

Answer 1

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

如果你想完全缓存你的webapp发出的每个同源请求，你可以调整你的路由逻辑来使用RegExp通配符，比如：

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

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