SPA - 是否应该为所有 pwa 相关资源关闭服务器 http 缓存？

Question

是否应该使用来自服务器的任何类型的缓存标头来提供任何与 PWA 相关的资源，或者我们是否应该通过完全关闭它来将经典的 http 缓存从我们的方式中移除？

也就是说，http 缓存头应该是什么：

1. 清单文件

   与此相关，新版本的清单文件（例如更改了网站图标）如何到达客户端？

2. 服务工作者 js 文件 （这个有点棘手，因为浏览器每 24 小时检查一次新版本，所以一些缓存可能会很好？）

3. index.html（水疗中心的入口点）

我的理解是它应该完全关闭，所有缓存都应该由 service worker 处理，但那里似乎有不同的信息，很难提取最佳实践。

Answer 1

https://web.dev/reliable/http-cache 提供了一些指导，以及网络上的许多其他资源。

一般来说，构建 PWA 并引入服务工作者不会改变您应该遵循的 HTTP 缓存最佳实践。

对于在其 URL 中包含版本信息的资产（如 /v1.0.0/app.js 或 /app.1234abcd.js），并且您知道给定 URL 的内容甚至不会更改，您应该使用 Cache-Control: max-age=31536000。

对于在其 URL 中不包含版本信息的资产（如大多数 HTML 文档以及 /manifest.json，如果您不包含哈希），您应该设置 Cache-Control: no-cache 和 ETag 或Last-Modified，以确保之前缓存的响应在使用前被重新验证。

对于你的 service worker 文件本身，现代浏览器的 will ignore the Cache-Control header 值是你默认设置的，所以这并不重要。但最好还是使用Cache-Control: no-cache，这样旧版浏览器会在使用前重新验证它。