Cache-busting for html

Question

我读过这种称为缓存破坏的方法，它允许我们将版本参数添加到我们的js和css文件中，这样客户端就不必在每次更新时清除缓存。但是，我没有读过任何关于html的内容。

有没有方法可以让我们在不清除缓存的情况下加载最新的 html 文件更改？

附言我不知道其他人，但我刚刚发现是 angularjs 缓存我的模板。无论如何，我发布了自己的解决方案

Answer 1

解决了。只需将参数字符串附加到引用 html 文件的路由中，就像我们对 css 和 js 的缓存破坏所做的那样。

.when('/login', {
        templateUrl: "../views/login.html?v=" + versionNumber,
        controller: "LoginController"
    })

其中"版本号"是一个全局变量。

Answer 2

编辑

原始答案中的链接已断开。

除了公认的答案之外，这个问题的答案还提供了有趣的替代方案，具体取决于您的构建过程。

源语言

您应该能够通过 js 强制重新加载浏览器，同时通过特定于页面的 javascript 对 url 应用哈希，该脚本仅存在于 html 文件的更新版本上。

这将使您知道何时收到最新版本的文件。

https://developer.zendesk.com/blog/static-file-cache-busting