直接在Nginx中对User-Agent做完整字符串匹配并设置Vary: User-Agent会导致缓存爆炸；应先用map归类设备类型（如android、ios、desktop），仅在真实差异化响应时添加Vary "X-Device-Type"，并配置CDN支持该自定义字段，再结合device_type设置差异化Cache-Control。
直接在 Nginx 中对 User-Agent 做完整字符串匹配并设置 Vary: User-Agent 是危险操作——UA 千变万化，会导致 CDN 缓存爆炸（百万级缓存键），命中率趋近于零。正确做法是先归类、再标记、最后精准控制 Vary。
用 map 归类设备类型，生成稳定枚举值
Nginx 不支持动态解析 UA 逻辑，需借助 map 指令做静态映射。在 http 块中定义：
map $http_user_agent $device_type {- default "desktop";
- ~*android|mobile|android.*safari "android";
- ~*iphone|ipad|ios|macintosh.*safari "ios";
- }
这样，所有安卓设备统一为 android，iOS 设备统一为 ios，桌面端 fallback 为 desktop。该变量稳定、可预测，适合参与缓存决策。
只在真实差异化响应时注入 Vary 头
Vary 不是“设备识别开关”，而是“内容差异声明”。只有当后端或 Nginx 确实返回了不同 HTML/CSS/JS（比如 iOS 用 WKWebView 专属 JS，Android 用 X5 内核适配样式）时，才应声明 Vary。
- 若页面完全响应式、无终端特有逻辑 → 不加 Vary
- 若根据
$device_type注入了不同 JS bundle 或 meta 标签 → 添加：add_header Vary "X-Device-Type"; - 确保
X-Device-Type在响应头中已存在（可用add_header X-Device-Type $device_type;注入）
让 CDN 正确识别并使用自定义 Vary 字段
多数 CDN（如 Cloudflare、阿里云 CDN、腾讯云 CDN）默认只认标准字段（如 User-Agent、Accept-Encoding）。若你用了 X-Device-Type 这类自定义头：
- 在 CDN 控制台中显式开启「自定义 Vary 字段」支持
- 将
X-Device-Type添加到 CDN 的「Vary 白名单」或「缓存键参数」配置项中 - 确认 CDN 回源请求中携带了原始
User-Agent（否则 Nginx 无法生成$device_type）
配合 Cache-Control 实现终端感知缓存策略
不同终端可能对资源更新敏感度不同。例如：iOS App WebView 缓存更顽固，可设稍长有效期；Android X5 内核更新频繁，适合短缓存。
- 在 location 块中按设备类型设置不同 Cache-Control：
if ($device_type = "ios") { add_header Cache-Control "public, max-age=7200"; }if ($device_type = "android") { add_header Cache-Control "public, max-age=1800"; }- 注意：
if在 location 中可用，但避免嵌套复杂逻辑；优先用 map + add_header 组合
