HTTP 缓存和 Angular Service Worker

如何解决HTTP 缓存和 Angular Service Worker

我最近发现了一个非常有趣的项目：

一方面，它在响应标头中请求带有缓存策略的 CDN 文件：

Cache-Control: max-age=31536000

意味着这些文件将通过缓存的 HTTP 存储 1 年。

另一方面，它使用带有以下 ngsw.json 的 Angular Service Worker：

"dataGroups": [
    {
      "name": "cdn-assets","urls": ["https://my-cdn/images/**"],"cacheConfig": {
        "maxSize": 3000,"maxAge": "30d","strategy": "performance"
      }
    }
]

将来自 CDN 的所有内容存储 1 个月。我很困惑。因为两者似乎很容易不同步。

这是否意味着如果在 HTTP 缓存到期前一天重新安装软件，服务工作者将再提供 29 天的过期图像？

如此强大的缓存策略，还有什么理由让软件栏保持离线模式？