具有StaleWhileRevalidate的Workbox服务工作者

Question

我在使用“ workbox.strategies.staleWhileRevalidate”时遇到问题，我没有获得带有响应的更新数据。 有什么办法可以使用此策略针对每个请求更新数据？ 我也使用广播更新来检查标头，但是当我使用其他终端登录时，它会显示旧数据。 我希望我的indexdb应该随着每个请求进行更新，并且dom根据更新后的响应进行显示。

workbox.routing.registerRoute(
  new RegExp('xy/xyzAPI/api'),
  workbox.strategies.staleWhileRevalidate({
    cacheName: 'api-url',
    plugins: [
      new workbox.expiration.Plugin({
        maxEntries: 20,
        maxAgeSeconds: 24 * 60 * 60
      }),
      new workbox.broadcastUpdate.Plugin('api-url', {
        headersToCheck: ['date'],
      })
    ]
  }));

Answer 1

在插件中，请删除或减少工作箱的到期时间

workbox.routing.registerRoute(
  new RegExp('xy/xyzAPI/api'),
  workbox.strategies.staleWhileRevalidate({
    cacheName: 'api-url',
    plugins: [
      new workbox.expiration.Plugin({
        maxEntries: 20,

      }),
      new workbox.broadcastUpdate.Plugin('api-url', {
        headersToCheck: ['date'],
      })
    ]
  }));