今天遇到一个html静态页面始终不更新的问题,抽空找了下原因。

现象:上线了一个静态页面,强刷、清理浏览器缓存都无法更新资源。显然不是浏览器的问题,应该是cdn这边的缓存没更新。

https://app.xxx.com.cn/xxx/xxx.html

然后给页面加个随机参数就更新了

https://app.xxx.com.cn/xxx/xxx.html?12

奇怪的是不加参数依然是旧内容。对比了两个页面的response header,除了Last-Modified的时间不一样,其他部分基本相同:
image.png
此前怀疑cdn只更新了部分机器,但是这两个请求的ip是相同的,从同一个节点拉取的页面,更新问题可以排除。

在其他设备上测试也是相同的结果,可以排除本地缓存,网络等原因。

经过上面的测试,得到一些结论:同一个页面带不带query参数,返回的却是不同的内容。
为什么是不同的结果?cdn到底更新了没有?
基本能确定cdn将这两个链接视为不同的页面,这样可以解释的通:带随机参的页面视为新的页面,cdn没有缓存,从源拉取资源。不带参数的页面依然是旧资源没有更新。

登录cdn看了域名配置:
image.png
缓存自动更新时间是1天,因此缓存没有更新(实际上在上线流程里,发布资源后会强刷该资源缓存,但因为中间出现问题而跳过了这一步)。但是带参数的url拉到了最新资源,说明源的资源更新了。

在域名配置里看到‘过滤参数配置’没有打开:
image.png
官网文档有详细解释:https://cloud.tencent.com/doc...
这就解释通了,带参数的url被当做了不同的资源。
我们不需要靠参数区分不同的资源,因此打开这一项才对。

实际上,不做任何操作,过一天等待资源更新后也会更新。(当然业务没法等1天)
或者在管理后台里手动刷新该url缓存也可。


cp1001
20 声望0 粉丝