Html 如何确保提供更新的文件而不是缓存的文件?

Html 如何确保提供更新的文件而不是缓存的文件?,html,css,Html,Css,假设我缓存了CSS文件,并将其到期日期设置为一个月后。假设我有一些更新,因此修改CSS文件。我如何确保我的网站的访问者将使用更新的CSS而不是旧的CSS 谢谢。您可以向url添加查询字符串,例如 <link rel="stylesheet" type="text/css" href="theme.css?v1" /> 您可以更改名称,以确保无论用户使用何种浏览器,都能获得新文件。在所有引用CSS文件的地方,请改为引用包含文件名的变量。发布新版本时,更新变量,使所有页面都能看到新的

假设我缓存了CSS文件,并将其到期日期设置为一个月后。假设我有一些更新,因此修改CSS文件。我如何确保我的网站的访问者将使用更新的CSS而不是旧的CSS


谢谢。

您可以向url添加查询字符串,例如

<link rel="stylesheet" type="text/css" href="theme.css?v1" />


您可以更改名称,以确保无论用户使用何种浏览器,都能获得新文件。在所有引用CSS文件的地方,请改为引用包含文件名的变量。发布新版本时,更新变量,使所有页面都能看到新的样式表。

更改URL。这将迫使浏览器重新下载该文件。最简单的方法是在文件名中增加一个数字。使用一些重写规则配置web服务器,这样就不必每次都重命名文件

这是我在上为Nginx服务器编写的重写规则:

rewrite ^/style\..*\.css$ /style.css;
这就是我的
元素的外观:

<link rel="stylesheet" type="text/css" href="style.acf1a27de.css">

并非所有软件都能正确缓存带有查询字符串的文件。这对于代理尤其如此。