部署网站至Firebase时未生成firebase.json文件如何解决
Firebase Hosting 缺失firebase.json的手动修复方案
手动生成配置文件步骤
- 打开VS Code中你的项目根目录(即此前执行
firebase use、firebase init命令的工作目录),新建名为firebase.json的文件,注意文件名全小写,不要追加.txt等额外后缀。 - 将以下基础配置粘贴到文件中,按需修改
public字段值:- 若你的
index.html直接存放在项目根目录,将public值改为"." - 若你的静态页面文件存放在
public/build/dist等独立目录中,将public值改为对应目录名即可
- 若你的
{ "hosting": { "public": "public", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ] } }
- 配置校验:确认
public字段指向的路径下,直接存在你的index.html文件。例如public值为"public"时,文件结构需为项目根目录/public/index.html,不要多嵌套一层同名文件夹。 - 校验完成后在终端执行
firebase deploy --only hosting执行部署,终端返回部署成功提示后,访问生成的托管链接即可看到你的自定义页面,不再显示默认欢迎页。
注意事项
- 不建议为了生成配置文件重跑
firebase init hosting流程,操作时若误选覆盖选项会直接替换掉你已写好的index.html文件,手动创建配置的容错率更高。 - 若部署完成后仍显示默认欢迎页,优先清浏览器缓存或打开无痕窗口访问,通常是本地缓存了此前的默认页面内容导致。
- 正式上线前可先执行
firebase hosting:channel:deploy prelive创建临时预览通道,确认页面展示正常后再部署到正式环境,避免上线故障。
内容的提问来源于stack exchange,提问作者user191110
相关产品推荐
相关产品推荐

