Workbox Cache First无法正确缓存

Question

我正在尝试在React + NextJS应用程序上使用工作箱构建Cache First策略，但是我遇到了问题... 我有以下规则：

workbox.routing.registerRoute(
  new RegExp('/.*\/uploads|.*\/arquivos.*/'),
  new workbox.strategies.CacheFirst({
    cacheName: 'cache-first',
  })
);

在工作箱日志中看到以下消息：

Router responding to

和

Using Cache First to respond

但是没有什么可以缓存的了，如：

enter image description here

如果我将策略从 CacheFirst 更改为 NetworkFirst ，则文件将被缓存，并且一切正常。 有谁知道与工作箱有关的任何问题吗？还是我做错了什么？

Answer 1

我发现了问题，缓存首先不适用于不透明的响应，在这种情况下，我们必须使用StaleWhileRevalidate，有关更多信息：

https://blog.fullstacktraining.com/what-is-an-opaque-response/