如何强制浏览器从服务器而不是缓存加载html和css页面

Question

我正在使用angular和javascript开发一个网站，但每次我进行一些更新时，客户端都必须清除缓存才能感受到更新。如何在不要求用户清除缓存的情况下，强制浏览器顺利地重新加载更新的文件？

Answer 1

这里有很多不同的选项，但其想法是在包含路径时将某种动态值附加到路径的末尾。

例如：

<link href="styles.css?test=123" rel="stylesheet" />

这将迫使浏览器从服务器加载样式表一次，但随后该版本将被缓存。

如果您使用某种服务器端语言，如PHP或.NET，您可以在末尾放置一个动态值，该值在每次为用户加载页面时都会有所不同。

在PHP中：

<link href="styles.css?test=<?=(new DateTime())->format("YmdHis")?>" rel="stylesheet" />