html - 每次修改都需要制作一个新的 css 版本

Question

我在 CSS 重新加载 时遇到问题。我正在使用链接到 css 文件的 HTML 网页。问题是当我更新那个 CSS 文件时，我需要在 HTML 代码中编写新版本，如下所示:

<link href="https://www.lagaleramagazine.es/rucab/css/style-custom.css?v=195" rel="stylesheet">

换句话说，CSS 没有在浏览器中更新。我尝试清除缓存，使用 command + shift + r 强制重新加载(在 mac chrome 上)但没有更新它，只有在我编辑 HTML 并编写新版本(196、197. ..).真让人头疼。每次修改 CSS 文件时，如何在不创建新版本的情况下自动更新浏览器中的 CSS 文件和 HTML 代码？可以看网站here .

Answer 1

这是一个缓存问题。当浏览器请求 /rucab/css/style-custom.css 时，服务器用这个 header 响应:

cache-control: public, max-age=31536000

这意味着浏览器最多可以将文件存储在缓存中 31536000 秒(1 年)。大多数浏览器都这样做。这对于已完成的网站来说是个好主意，但如果您对 style-custom.css 进行了更改，浏览器将不会知道，因为它正在从缓存中获取文件。

在开发站点时，配置服务器使其响应此 header :

cache-control: no-cache

这将确保浏览器始终获取文件。