javascript - 资源 URL 中的 ETag 或哈希值，例如。 js、css、图像

Question

我想确保每次更改 Web 应用程序中的资源(css、js 和图像)时都会刷新它们，并保留相同的资源名称(这样我就不需要更改 html 中对其的引用)。所以我想至少有两个明显的解决方案:

1. 在响应 header 中包含 ETAG
2. 在网址中包含哈希值(即/css/{hash}/style.css)

我更喜欢第二个想法，因为也许一些旧的代理或浏览器会忽略 etag - 是这样吗？但在 css 中将哈希值放入图像的 url 中要困难一些。所以最后我想我会选择第一个用于图像的选项，第一个和第二个用于 css 和 js 的选项。

你有什么想法？首先就足够了，每个相当现代的软件都会在资源发生变化时请求刷新。

Answer 1

关于第二个，您可以使用 Apache 重写规则来完成此任务。我假设您可以使用您使用的任何编程语言对文件的修改/创建日期进行哈希处理。

.htaccess

重写引擎开启重写库/RewriteRule ^css/[^/]+/style.css$ css/style.css [L]