ReactJS + Express Cache Busting 问题

Question

我试图通过在使用 html-webpack-plugin 生成的 index.html 文件名 (index.hash.html) 中设置版本号来避免缓存破坏。但是，我无法让浏览器从服务器获取新文件，因为旧的 index.html 文件仍然缓存了 X 时间。

我可以清除缓存以再次访问服务器，或者更改缓存控制标头，但这对于已经缓存文件的用户来说效果不佳，因为他们似乎看不到缓存控制的更改反正。我正在寻找正确的解决方案，但似乎找不到解决这个问题的方法。

有什么建议吗？

Answer 1

我不是这方面的专家，但我们对 index.html 不使用散列。这意味着它的 TTL 为零。

另一方面，所有其他资产（js、css、svg ...）都定义了哈希值并被缓存。我们客户端上的 Service Worker 会检查更新的版本并相应地为它们提供服务。

希望这会有所帮助！