firebase 提供了未显示我的 Angular 项目的索引页面的托管 URL

Question

用于进行 Firebase 托管：-

1. 使用“ng build --prod”在 Angular 项目中创建了 dist 文件夹。

2. firebase login

3.

• 在 console.firebase.google.com 中创建项目
• firebase 初始化
• 选择 firebase CLI 功能作为托管。
• 我之前创建的相同项目名称在这里选择相同。
• 输入公共目录作为 dist。
• 说是的水疗中心。
• 拒绝覆盖 index.html

然后

4. firebase deploy

   它为我提供了网址：- https://projectname.firebaseapp.com/

5. firebase open

但是当我打开托管网址时，“欢迎页面确认 --Firebase 托管设置完成”正在显示。

"image of Page displaying"

请建议我在哪里做错了？以及我的项目的索引页将如何开始显示。

注意：- 我没有使用 firebase 数据库，所以我在初始化时只选择托管。

Answer 1

也许您应该更改public 属性并添加您的应用名称。

 {
  "hosting": {
    "public": "dist/your_application_name",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 2

当您运行 firebase init 时，它会询问您公共 HTML 内容存储在哪个子文件夹中。其默认值为public。如果您没有明确键入不同的值，那么您的 index.html 将需要位于该位置。

或者，在文本编辑器中打开 firebase.json 并将 public 属性的值更改为指向您正在使用的文件夹。所以像：

{
  "hosting": {
    "public": "dist"
  }
}

另见documentation on Firebase Hosting configuration。