如何使用Firebase重新部署现有Web应用?部署后仍显示旧版本
Firebase部署后仍显示旧版本的解决办法
- 强制刷新浏览器缓存:按
Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)跳过本地缓存,直接加载最新部署内容。 - 确认部署命令执行成功:重新运行
firebase deploy --only hosting,检查终端输出是否有"Deploy complete",若有报错先修复问题再重新部署。 - 调整Firebase缓存规则:修改
firebase.json中的Hosting配置,给静态资源添加缓存过期策略,避免CDN缓存旧文件:
保存后重新部署生效。"hosting": { "headers": [ { "source": "**/*.{js,css,html}", "headers": [ { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate" } ] } ] } - 检查控制台版本状态:登录Firebase控制台,进入Hosting页面的「版本」标签,确认最新部署的版本已设为活跃版本,若不是手动切换。
- 验证本地构建产物:如果项目需要构建(如React/Vue),先运行
npm run build(对应项目的构建命令),确保部署的是最新的dist/build目录内容,而非旧文件。
内容的提问来源于stack exchange,提问作者Meet Bhatt
相关产品推荐
相关产品推荐

