常见问题
访问问题
应用更新服务后,访问页面还停留在原有页面?
原因
静态资源(HTML、CSS、JS、图片等)被 CDN 节点或浏览器缓存了, 导致访问的仍是旧版本内容。
解决方案
方案一:URL 追加路由参数强制刷新(推荐用于快速验证)
在访问链接后追加一个随机查询参数,绕过 CDN 和浏览器缓存,立即拉取最新内容:
# 原访问链接
https://my-env-123.xxx.tcloudbaseapp.com/
# 追加时间戳参数强制刷新(参数名可自定义,值唯一即可)
https://my-env-123.xxx.tcloudbaseapp.com/?v=20260422
https://my-env-123.xxx.tcloudbaseapp.com/?t=1745304000
https://my-env-123.xxx.tcloudbaseapp.com/index.html?_=random123
原理
CDN 会将带不同查询参数的 URL 视为不同资源,触发回源拉取最新内容。此方法适合快速验证部署结果,无需等待 CDN 缓存过期或手动刷新。
方案二:手动刷新 CDN 缓存(推荐用于生产环境)
前往 CDN 控制台 - 刷新预热,提交 URL 或目录刷新任务。刷新完成后所有用户即可访问到最新版本。
方案三:浏览器强制刷新(本地调试用)
- Windows / Linux:
Ctrl + F5或Ctrl + Shift + R - macOS:
Cmd + Shift + R - 或打开浏览器开发者工具(F12)→ Network 面板勾选 Disable cache
长期优化建议
对于构建产物,建议在构建阶段为静态资源文件名添加 内容哈希(如 app.a1b2c3.js),每次内容变更时文件名自动变化,从根本上避免缓存问题。主流构建工具(Vite、Webpack、Next.js 等)默认已开启该能力。