使用版本化URL参数
在资源链接后添加动态参数:
<img src="image.jpg?v=20241001"> <script src="app.js?version=2.3.4">
操作步骤:
强制刷新本地缓存
针对普通访客的操作指引:
Ctrl + F5
或 Ctrl + Shift + R
Command + Shift + R
通过CDN控制面板操作
主流CDN服务商缓存刷新入口:
设置HTTP缓存头
技术团队可通过服务器配置:
location ~* .(js|css|png)$ { add_header Cache-Control "no-cache, must-revalidate"; }
可选策略:
no-cache
:每次请求都向源站验证max-age=300
:5分钟后过期s-maxage=3600
:CDN缓存1小时高级开发者方案
curl -X POST "https://api.cdnprovider.com/purge" -H "Authorization: Bearer your-api-key" -d '{"urls":["https://example.com/style.css"]}'
<link href="styles.a1b2c3d4.css">
通过构建工具自动生成哈希文件名
注意事项:
no-cache
而非no-store
以保持CDN加速优势curl -I URL
检查X-Cache
头验证效果常见问题解答:
Q:CDN缓存一般多久自动更新?
A:取决于TTL设置,常见周期为1小时至30天
Q:为什么清除缓存后仍未生效?
A:可能原因包括:①未清除所有节点 ②本地DNS缓存 ③浏览器Service Worker
Q:跳过缓存会影响SEO吗?
A:正确处理不会影响,但需避免滥用参数导致重复内容
引用来源: