如何从Cache-Control缓存策略中排除单个或指定组图片？

你可以通过针对特定资源单独设置更严格的Cache-Control头来覆盖全局配置，具体有几种常用实现方式：

1. 服务器端配置（推荐） #

不管你用Nginx、Apache还是其他服务器，都能针对特定文件或路径单独设定缓存规则，优先级高于全局配置：

Nginx 示例 #

假设你的横幅图片路径是/images/banner.jpg，在Nginx配置文件里先保留全局静态资源缓存，再添加针对该图片的覆盖规则：

# 全局静态资源缓存（一年有效期）
location ~* \.(jpg|jpeg|png|gif|js|css)$ {
    expires 1y;
    add_header Cache-Control "max-age=31536000, public";
}

# 单独覆盖横幅图片的缓存策略
location = /images/banner.jpg {
    expires 0;
    add_header Cache-Control "no-cache, no-store, must-revalidate";
}

这里用location =精确匹配目标文件，no-cache强制浏览器每次请求都验证资源是否更新，no-store禁止本地存储缓存文件，must-revalidate确保资源过期后必须重新从服务器获取。

Apache 示例 #

在.htaccess或服务器主配置文件中，先定义全局规则，再针对特定文件覆盖：

# 全局静态资源缓存（一年有效期）
<FilesMatch "\.(jpg|jpeg|png|gif|js|css)$">
    Header set Cache-Control "max-age=31536000, public"
</FilesMatch>

# 单独设置横幅图片的缓存策略
<FilesMatch "banner.jpg">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
</FilesMatch>

2. 版本化文件名（适合频繁更新的资源） #

给需要频繁更新的横幅图片加上版本号后缀，比如把banner.jpg改成banner_v2.jpg，每次更新图片时就更换版本号。这种方式不需要修改服务器配置，全新的URL会让浏览器自动请求新资源，不会复用旧缓存，同时其他静态资源依然能享受全局的一年缓存。

注意：HTML meta标签不生效 #

你之前提到的页面头部Cache-Control meta标签，只会影响当前HTML页面本身的缓存，对页面内引用的图片、JS、CSS等静态资源完全无效。静态资源的缓存策略必须通过HTTP响应头设置，这点别搞混了。

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