Question

我已经读过这个名为cache-busting的方法，它允许我们将版本参数添加到我们的js和css文件中，这样客户端就不必在每次更新时都清除缓存。但是，我没有阅读任何关于HTML的内容。

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

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

Answer 1

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

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

其中＆＃39; versionNumber＆＃39;是一个全局变量。

Answer 2

修改

原始答案中的链接已损坏。

除了接受的答案之外，this question上的答案会根据您的构建过程提供有趣的替代方案。

<强> ORIGINAL

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

这样可以让您知道何时收到该文件的最新版本。

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

缓存破坏html

2 个答案: