前几天改样式时,明明文件已经更新了,浏览器却一直显示旧页面。

后来一看,问题其实很简单:静态资源缓存没有考虑到这个场景。

我现在的做法是:

  • 图片、字体类资源可以缓存长一点
  • CSS 和 JS 如果经常改,就要考虑版本控制
最直接的方式就是加版本号,比如:

style.css?v=20260425

这样每次改完样式,不用反复怀疑是不是浏览器缓存的问题。

这类问题不复杂,但很浪费排查时间,所以记一下。