Firebase部署成功但网站无法正常显示的问题求助

问题背景 #

已完成firebase init和firebase deploy --only hosting操作，部署提示成功：

"Welcome
Firebase Hosting Setup Complete

You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!"
但访问部署地址（https://cook4u-b3b8d.web.app）仍显示上述默认页面，Firefox、Edge浏览器均如此。已确认dist/cook4u目录下存在自己的index.html及源码，尝试过常见解决方案无效。

当前firebase.json配置：

{
  "functions": [
    {
      "source": "functions",
      "codebase": "default",
      "ignore": [
        "node_modules",
        ".git",
        "firebase-debug.log",
        "firebase-debug.*.log"
      ]
    }
  ],
  "database": {
    "rules": "database.rules.json"
  },
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "hosting": {
    "public": "dist/cook4u",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },
  "storage": {
    "rules": "storage.rules"
  },
  "emulators": {
    "auth": {
      "port": 9099
    },
    "functions": {
      "port": 5001
    },
    "firestore": {
      "port": 8080
    },
    "database": {
      "port": 9000
    },
    "hosting": {
      "port": 5000
    },
    "pubsub": {
      "port": 8085
    },
    "storage": {
      "port": 9199
    },
    "eventarc": {
      "port": 9299
    },
    "ui": {
      "enabled": true
    },
    "singleProjectMode": true
  },
  "remoteconfig": {
    "template": "remoteconfig.template.json"
  }
}

部署命令输出片段：

• hosting[cook4u-b3b8d]: file upload complete
  i hosting[cook4u-b3b8d]: finalizing version...
• hosting[cook4u-b3b8d]: version finalized
  i hosting[cook4u-b3b8d]: releasing new version...
• hosting[cook4u-b3b8d]: release complete
  i hosting[cook4u-b3b8d]: beginning deploy...
• Deploy complete!3b8d]: found 119 files in public

排查与解决步骤 #

1. 本地验证public目录内容 #

先在本地启动Firebase Hosting模拟器，确认内容是否正确：

firebase serve --only hosting

访问http://localhost:5000，如果本地也显示默认页，说明dist/cook4u目录下的index.html是Firebase的默认文件，而非你自己的页面；如果本地正常显示你的内容，问题则出在部署或缓存环节。

2. 核对部署文件数量与路径 #

部署输出中提到found 119 files in public，这里的"public"对应配置里的dist/cook4u目录。核对本地dist/cook4u下的文件总数是否为119，确认部署工具是否正确识别并上传了你的文件。

若数量不符，检查firebase.json中hosting.ignore规则是否误排除了必要文件，或者public路径是否写错（比如是否应为dist而非dist/cook4u，需根据项目构建后的目录结构调整）。

3. 清除缓存 #

Firebase Hosting依赖CDN缓存，即使部署成功，旧缓存可能仍在生效：

• 浏览器强制刷新：按下Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）
• 在Firebase控制台的Hosting模块，进入「版本历史」，选择最新版本后点击「清除缓存」，确保新内容被分发。

4. 重新部署并查看详细日志 #

使用--debug参数重新部署，获取更详细的上传日志，排查是否有文件上传失败或路径错误：

firebase deploy --only hosting --debug

查看日志中是否有Skipping upload of...之类的提示，确认你的文件是否被正确上传。

关于网站着陆页的说明 #

Firebase Hosting的默认着陆页是public目录下的index.html：

• 若配置了重写规则（如你当前的"source": "**", "destination": "/index.html"），所有访问请求都会指向这个文件，这是单页应用的标准配置。
• 若需指定不同着陆页，可修改重写规则的destination路径，或直接替换dist/cook4u下的index.html为你的目标页面。

内容的提问来源于stack exchange，提问作者dansyw91