Workbox Cache First 未正确缓存答案

【问题标题】：Workbox Cache First not caching properlyWorkbox Cache First 未正确缓存
【发布时间】：2021-08-09 06:00:14
【问题描述】：

我正在尝试在 React + NextJS 应用程序上使用工作箱构建缓存优先策略，但我遇到了一个问题...... 我有以下规则：

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

查看工作箱日志 a 得到以下消息：

Router responding to

和

Using Cache First to respond

但没有任何东西被缓存，如下所示：

enter image description here

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

【问题讨论】：

标签： workbox

【解决方案1】：

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

https://tpiros.dev/blog/what-is-an-opaque-response/

【讨论】：