如何通过其他请求强制客户端重新验证并更新缓存资源？

我有一个页面/data.txt，已被客户端浏览器缓存。基于仅服务器知晓的数据，我发现该页面已过期，需要刷新。但由于它处于缓存状态，客户端在缓存过期前不会重新请求它。

现在客户端正在请求另一个页面/foo.html。如何让客户端浏览器重新请求/data.txt并更新其缓存？

要求使用HTTP或HTML实现（并非所有客户端都支持JS）。

注意：我明确希望避免在/data.txt URL后追加版本号的“缓存击穿”模式，比如/data.txt?v=2，这会让缓存中充斥无用条目而非替换过期条目。

补充说明：我明确希望/data.txt被长期缓存，因此告知客户端不要缓存它并非我要的方案。我希望/data.txt被永久缓存，直到服务器选择使其失效。但由于用户从不重新请求/data.txt，我需要借助另一个请求（/foo.html）的副作用来使其失效。

1. 使用HTTP Clear-Site-Data响应头（现代浏览器适用） #

当客户端请求/foo.html时，服务器在响应中添加Clear-Site-Data头，精准清除目标资源缓存：

Clear-Site-Data: "cache=/data.txt"

若需要批量清除缓存（不推荐，尽量精准），可使用：

Clear-Site-Data: "cache"

这个头会让浏览器立即移除指定的缓存条目，后续客户端需要/data.txt时会自动重新请求并更新缓存。注意：部分旧浏览器不支持该特性。

2. 在/foo.html中嵌入隐藏资源请求触发更新 #

在/foo.html的HTML代码里添加隐藏的资源标签，主动触发对/data.txt的请求，服务器再通过响应头控制缓存更新：

• 兼容性较好的<img>标签方案：

<img src="/data.txt" style="display: none;" alt="">

• 更语义化的预加载方案（适合支持HTML5的浏览器）：

<link rel="prefetch" href="/data.txt" as="text">

浏览器加载/foo.html时会自动发起/data.txt的请求，此时服务器：

• 若资源已更新，返回200 OK和新内容，同时设置Cache-Control: max-age=31536000（永久缓存），浏览器会替换旧缓存条目；
• 若资源未更新，返回304 Not Modified，浏览器保留现有缓存并确认其有效性。

3. 结合缓存验证机制确保精准更新 #

提前给/data.txt的响应配置ETag或Last-Modified头，当通过/foo.html触发的请求到达服务器时，服务器对比当前资源的标识：

• 若标识不匹配（资源已更新），返回新内容并更新缓存头；
• 若标识匹配，返回304 Not Modified，避免无效数据传输。
  这种方式既保证了/data.txt的长期缓存，又能通过/foo.html的请求主动触发缓存有效性验证，实现服务器主导的缓存更新。

内容的提问来源于stack exchange，提问作者Dragon