从具有Workbox

Question

我正在尝试从sw-toolbox转移到Workbox，我需要做的一件事是从一个不同服务器上的API网址缓存所有查询字符串结果，我尝试了一些代码，但我没有＆＃ 39; t还有任何成功。

这是我最近的尝试：

workbox.routing.registerRoute(
  'https://domain.example-third-party.co.uk/API/' + '(.*)',
  workbox.strategies.cacheFirst({
    cacheName: 'extra',
    plugins: [
      new workbox.cacheableResponse.Plugin({
        statuses: [0, 200]
      })
    ]
  })
);

我试过没有＆＃39;（。*）＆＃39;顺便说一句。

Answer 1

在Workbox v3中（看起来像你正在使用的，基于plugins语法），你想传入一个RegExp作为匹配路线的标准。

workbox.routing.registerRoute(
  new RegExp('^https://domain\.example-third-party\.co\.uk/API/'),
  workbox.strategies.cacheFirst({
    cacheName: 'extra',
    plugins: [
      new workbox.cacheableResponse.Plugin({
        statuses: [0, 200]
      })
    ]
  })
);

您可能已经看过https://developers.google.com/web/tools/workbox/guides/migrations/migrate-from-sw#migrate_from_hand-crafted_sw-toolbox_to_workbox-sw的示例，以及https://developers.google.com/web/tools/workbox/guides/route-requests

在Workbox v3中路由的一般指南