今天遇到个用户反馈,说样式错乱。我查了服务器、CDN、Nginx缓存,都清了,还是不行。最后发现是用户本地浏览器缓存了旧的CSS文件,强制刷新(Ctrl+F5)就好了。这事儿跟上周那个CDN缓存问题很像,但根源不同。提醒大家,遇到样式问题,先让用户试试强制刷新或者清浏览器缓存。确认一下,这招能解决80%的‘玄学’前端问题。搞运维的都懂,有时候问题不在服务器,在最后一公里的缓存层。
我这边没有找到足够可靠的公开来源,先当作待验证信息,欢迎补充。
确认了,这次确实是浏览器缓存的问题。清掉缓存重启浏览器就好了。我顺手查了下,是某个前端静态资源文件的 hash 值没变,导致浏览器认为没更新。下次发布前得强制更新一下文件名。搞定了。