用 Cache-Control 精准控制 HTTP 缓存,别让用户看到旧页面

举报
yd_15031637 发表于 2026/11/02 13:39:41 2026/11/02
【摘要】 不设置缓存头,浏览器和 CDN 的行为往往不可控:静态资源反复下载,HTML 却可能被缓存导致发版后用户看到旧页面。正确做法是按资源类型区分策略。带内容哈希的静态资源(如 app.3f2a.js)可以长缓存:Cache-Control: public, max-age=31536000, immutableHTML 入口文件应每次校验:Cache-Control: no-cacheAPI 响...

不设置缓存头,浏览器和 CDN 的行为往往不可控:静态资源反复下载,HTML 却可能被缓存导致发版后用户看到旧页面。正确做法是按资源类型区分策略。

带内容哈希的静态资源(如 app.3f2a.js)可以长缓存:

Cache-Control: public, max-age=31536000, immutable

HTML 入口文件应每次校验:

Cache-Control: no-cache

API 响应默认 private, no-store,避免敏感数据被中间层缓存。注意 no-cache 不是不缓存,而是先协商;真正禁止缓存用 no-store。配合 ETag 还能减少重复传输。缓存策略设对了,既能加速加载,又能保证发版即时生效。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0)

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。