Workbox：为 url 模式编写正则表达式

Question

我正在尝试预缓存路由。我已经使用

成功预缓存了主页

 workbox.precaching.precacheAndRoute(['/']);

这是为了匹配主页的路由

workbox.routing.registerRoute(
 /^\/$/,
  new workbox.strategies.NetworkFirst({
    cacheName: 'static-resources',
  })
);

我还有其他顶级路线我想匹配但不确定如何匹配。

localhost/subcategory //subcategory and slug attached to it
localhost/product  //product and slug attached to it
localhost/product-single // and slug attached to it

如何编写上面的正则表达式

Answer 1

您可以使用 https://regex101.com/ 来帮助您实现目标。

像 ^localhost(\/.+)?$ 这样的正则表达式应该可以解决问题

Workbox：为 url 模式编写正则表达式

Workbox: writing regular expression for url patterns

javascript

progressive-web-apps

workbox

sw-precache