javascript 工作箱 - 服务工作者缓存

Posted 2021-05-03

workbox.routing.registerRoute(
  new RegExp('/path/to/api/'),
  new workbox.strategies.StaleWhileRevalidate({
    cacheName: 'api-cache',
    plugins: [
      new workbox.cacheableResponse.Plugin({
        headers: {
          'X-Is-Cacheable': 'true',
        },
      })
    ]
  })
);

workbox.routing.registerRoute(
  new RegExp('^https://third-party\\.example\\.com/images/'),
  new workbox.strategies.CacheFirst({
    cacheName: 'image-cache',
    plugins: [
      new workbox.cacheableResponse.Plugin({
        statuses: [0, 200],
      })
    ]
  })
);

workbox.routing.registerNavigationRoute('/index.html')