一旦选择使用Cloudflare的免费CDN,就会面临缓存不能刷新的问题。不是不刷新,而是每次刷新间隔需要1个月的时间(30 days)。不论你在CF面板里如何设置绕过缓存、缓存的失效时间,或者你在Nginx(Apache等Web服务器)里设置缓存,都没有任何效果。
目前亲测能用的方式是静态资源的带查询版本引用:
{路径}/{资源名称}?v={版本号}
这样的引用,每次改动资源就需要修改对应的版本号。
| 类型 | 原始引用 | 带版本引用 |
|---|---|---|
| 图像 | <img src="/images/image.svg" alt="" /> |
<img src="/images/image.svg?v=1.0" alt="" /> |
| js/JSON | fetch("/assets/config.json") |
fetch("/assets/config.json?v=1.0") |
| CSS | href="/assets/main.css" |
href="/assets/main.css?v=1.0" |
进阶用法(适用于调试模式)是用时间戳来生成版本号:
{路径}/{资源名称}?v={时间戳(ms或s)} 









