前端部署后用户还是看到旧页面?缓存策略怎么设计? - 奇技淫巧 - 墨渊书肆\n# 内容变了文件名就变,100% 能更新\n\n# 方案 2:CDN 刷新\n# 部署后调用 CDN API 刷新缓存\naliyun cdn RefreshObjectCaches --ObjectPath https://example.com/index.html\n\n# 方案 3:Service Worker 更新\nnavigator.serviceWorker.addEventListener(\"controllerchange\", () => {\n window.location.reload();\n});\n```\n\n补充说明:\n- 规则:HTML 不缓存,带 hash 的静态资源长期缓存\n- 必须用 contenthash,不要用 hash\n- immutable 是最强缓存指令,浏览器连验证请求都不发\n- 部署后如果还有旧资源,检查 CDN 缓存和 Service Worker\n- 多环境部署时,确保每个环境的 HTML 都指向正确的资源 hash","dateCreated":"2026-05-09T05:52:07.000Z","author":{"@type":"Person","name":"仓乃文","url":"https://niunaiclub.online/about"}},"inLanguage":"zh-CN"}
返回列表前端部署后用户还是看到旧页面?缓存策略怎么设计?