Chrome 图片缓存(无需重新加载页面)

Chrome image caching (without reloading the page)

我有一个 angular 应用程序,它从后端服务器加载 html 文档,这些文档还包括图像。

在这些文件中,我有一个 eTag header 和 cache-control: no-cache。当我执行 ajax 请求时,我看到 HTML 文档使用 eTag 检查,但图像未检查,它们只是从缓存中检索。

当我在一段时间后(+- 5 分钟)再次请求图像时,chrome 会通过 eTag 与服务器检查图像。

我尝试更改为 cache-control: no-store,这似乎适用于图像,现在它们会根据每个请求从服务器检索。 但是当使用 no-store 时,浏览器将不会使用 eTag 并始终下载文件(应该如此)。

我知道我可以在 url (image.png?12345) 中添加一个时间变量,这同样有效,但是 eTag 没有被使用,图像被下载每个请求。

我是做错了什么还是 chrome 为图像添加了一些额外的缓存逻辑?

尝试修改网址,使其看起来像 (image.png?eTag=your_tag)。这将使图像在 eTag 更改后立即重新加载。