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 更改后立即重新加载。
我有一个 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 更改后立即重新加载。