javascript - 如何确保显示最新版本的静态网站？

Question

我知道作为一个用户，我可以直接点击“F5”来确定，或者清除我的缓存等等。

我只是想知道，从网页设计师的 Angular 来看，是否有什么可以使它更“自动化”，因为许多用户可能不知道这样做。

对于动态网站，这可以通过服务器端的“魔法”来完成。

似乎类似问题的某些答案暗示以某种方式编辑 .htaccess，因此我将对此进行调查。但是，如果有人有适用于静态站点的“快速提示”或代码片段，那就太好了。

网站上唯一使用的 PHP 用于联系表格，因此它可以自动发送电子邮件。站点的其余部分只是图像、文本等。

Answer 1

您无法使用某种 JS 解决方案清除缓存，但您可以做的是，在您网站的每次新部署/更新时，添加一个假版本/等编号到你的 css/js 结束。

例如:

main.css?v=1.5
myCode.js?v=123

下次更新时，只需稍微更改一下:main.css?v=1.51 当用户再次访问您的站点时，由于 URL 不同，它会自动重新加载它，确保他们使用最新的样式表。