针对html的缓存清除

Question

我已阅读过有关这种称为缓存清除的方法，该方法允许我们将版本参数添加到我们的js和css文件，以便客户端在每次更​​新时都不必清除缓存。但是，我没有读过关于html的任何信息。

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

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

Answer 1

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

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

其中 'VERSIONNUMBER' 是一个全局变量。

Answer 2

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

这将让你知道你什么时候收到最新版本的文件。

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

Answer 3

你不想缓存您的HTML。仅当HTML未缓存时，缓存清除才有效。想想这样说：

1. 你有一些HTML引用一个标志称为logo.jpg
2. 您更新标识，并与缓存清除其重命名为logo_1234.jpg
3. 你的用户有因此您需要破解缓存
4. 您将HTML更改为现在引用logo_1234.jpg，因此当他们再次请求您的页面时，他们被迫请求新版本。
5. 如果您还缓存了HTML，您如何告诉他们请求新徽标？它仍然会引用旧的标志。