1. 所有页面都设了强缓存，结果无法及时更新
我们曾遇到一个客户，设置了 HTML 页面的 Cache-Control: max-age=31536000（缓存一年），结果每次修改内容都无法立即生效，客户以为网站“坏了”。
优化方式：
对 HTML 页面使用较短缓存，如
max-age=300；启用版本号或文件指纹，如
style.css?v=20250610；改版或发新内容后自动触发清理缓存。
2. API 接口被 CDN 缓存，数据错乱
很多企业用 CDN 缓存接口数据以提升响应速度，但未设置缓存键，导致不同用户请求共用一份缓存数据。
结果就是 A 用户登录后操作，B 用户刷新页面却看到 A 的信息，非常危险。
正确策略：
动态接口设置
Cache-Control: no-store；用户级接口必须带身份标识控制缓存；
数据更新频繁的接口禁止使用 CDN 缓存。
3. 上传类接口和编辑操作未关闭缓存
有的网站文件上传失败或内容修改后页面未同步，核心问题是浏览器对接口请求进行了缓存。
例如编辑页面保存按钮点击后无反馈，刷新后才发现数据早已修改。
解决方案：
在前端请求 URL 添加时间戳，如
/api/save?_t=timestamp；后端接口加上
Cache-Control: no-cache；文件上传接口启用 POST 请求 + 关闭 CDN 缓存。
缓存是工具，不是“加速万能钥匙”
缓存必须分内容类型、访问场景做“差异化策略”。
否则，它可能成为你与用户之间的“墙”。
我们认为：
样式、脚本、图片可以大胆缓存；
页面、接口、操作类请求需要精准控制；
如果用户频繁说“怎么还没更新”，说明你该看看缓存设置了。
