🚀 Google Cloud CDN 缓存更新失效的终极解决方案
在使用 Google Cloud CDN 时，很多开发者会遇到部署了新版静态资源（如 JS、CSS 或图片），但用户端看到的依然是旧版本的问题。这通常是因为 CDN 边缘节点缓存了旧资源。以下是几种高效的解决方案：
1. 强制缓存失效（Cache Invalidation） 🔄
这是最直接的方法。你可以通过 Google Cloud Console 或 gcloud CLI 手动清除缓存。
- 通过 CLI 命令：
gcloud compute url-maps invalidate-cdn-contents [URL-MAP-NAME] --path "/*"
- 注意：路径支持通配符。如果你只想更新某个文件夹，可以使用 /static/js/*。
2. 资源版本号控制（Cache Busting） 🏷️
这是最佳实践。不要在文件名上做文章，而是通过 URL 参数或哈希值来强制浏览器和 CDN 重新获取。
- 哈希命名法：例如 style.v1.css 改为 style.a8f2b3.css。当文件内容变动时，构建工具会自动生成新的哈希值，从而绕过缓存。
- 查询参数法：在资源 URL 后添加版本号，如 script.js?v=20231027。
3. 检查 Cache-Control 响应头 🛡️
CDN 遵循源站服务器的 Cache-Control 指令。如果你的原始服务器设置了过长的 max-age，CDN 就会持续缓存该文件。
- 检查：确保源服务器（如 Cloud Storage 或 Load Balancer 后端）配置了正确的 Header。
- 推荐配置：对于频繁更新的文件，设置 Cache-Control: public, max-age=0, must-revalidate。
4. 缩短 TTL（Time-To-Live）设置 ⏳
如果你的静态资源更新频率较高，可以考虑在 Cloud CDN 设置中缩短默认的 TTL 时间。
通过调整 Negative caching 和 Default TTL 参数，可以减少旧版本资源在边缘节点停留的时间。
💡 温馨提示与排查建议
如果你执行了失效操作（Invalidation）后仍然无效，请检查以下几点：
- 浏览器缓存：有时并非 CDN 问题，而是你本地浏览器缓存了响应。请尝试使用无痕模式（Incognito）测试。 ✨
- 层级缓存：如果你有其他 CDN 或反向代理（如 Cloudflare），请确保它们也已清除缓存。
- 配额限制：注意缓存失效操作是有一定的频率限制的，不要频繁对整个站点进行 /* 的全量清除，建议按目录精准清除。 🎯
祝你的网站部署顺利，更新即时生效！🎉
