浏览器缓存导致代码不更新？一招解决部署后用户仍看到旧页面的问题

现象：部署新版本后，用户访问页面时仍显示旧版内容，强制刷新才生效。

---

原因分析

浏览器缓存机制是核心问题：

1. 强缓存
   • 浏览器直接读取本地缓存，不发送请求
   • 响应头控制：Cache-Control: max-age=31536000（缓存1年）
2. 协商缓存
   • 浏览器发送请求，服务器验证文件是否修改
   • 响应头控制：ETag 或 Last-Modified

当文件名和路径未变化时，浏览器会优先使用缓存资源，导致用户看不到更新。

---

解决方案（三步彻底解决）

方案一：修改资源文件名（推荐⭐）
在文件名中添加哈希值或版本号，确保每次更新路径不同：

<!-- 旧文件 -->