Workbox Cache首先未正确缓存

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/