Firebase部署链接显示空白或完成页问题求助
Firebase Hosting部署后仅显示默认页面的排查方案
- 先确认
build目录的实际内容:构建项目后,检查build文件夹里是否有完整的静态资源(比如index.html、编译后的css/js文件)。如果构建命令未正确执行,或者构建路径配置错误,Firebase会因为找不到可部署内容而显示默认页面。 - 核对firebase.json的完整配置:除了
public字段设为build,还要检查rewrites规则是否正确。单页应用的标准重写配置应该是:
若重写规则错误或缺失,可能导致页面无法正常路由。"hosting": { "public": "build", "rewrites": [ { "source": "**", "destination": "/index.html" } ] } - 清除Firebase Hosting缓存:部署后的缓存可能导致旧页面残留。可以执行
firebase hosting:channel:deploy temp创建临时测试通道验证新内容,或者直接在Firebase控制台的Hosting设置中手动清除缓存。 - 确认当前部署的Firebase项目:执行
firebase use查看当前关联的项目ID,避免误部署到了其他测试项目。 - 本地预部署验证:用
firebase serve启动本地服务器,测试页面是否能正常加载。如果本地也无法显示,问题大概率出在项目构建环节,而非Firebase部署配置。
内容的提问来源于stack exchange,提问作者AndrewNohR
相关产品推荐
相关产品推荐

