将 Angular 应用部署到 Firebase 托管 404 错误

Question

在“firebase deploy”命令之后，我遇到了 404 错误...

我正在尝试在 Firebase 托管上部署 Angular 应用程序，但出现 404 错误（找不到 index.html）。

firebase登录：可以 firebase 项目：列表：返回包含我的项目 AAA 的表

ng build --configuration production ：创建 dist/abc/browser/ （我不明白为什么我的源代码是在浏览器库中构建的......）

firebase 初始化托管：创建此 firebase.json firebase.json：

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

firebase 部署：以“确定”完成，但当我尝试打开链接时，出现 404

我认为问题在于浏览器库，但我正在尝试使用以下命令更改 firebase.json “公共”：“dist / abc /浏览器”，

而且它不起作用...

你有什么想法吗？

非常感谢。

Answer 1

运行命令

ng build

生成构建文件。然后，导航到构建文件夹并找到index.html 文件。复制此文件的路径，在您的情况下为

build/browser/index.html

（请注意，该路径可能会根据您的项目配置而有所不同）。

接下来，通过添加以下代码来更新您的 Firebase 托管配置：

{
  "hosting": {
    "public": "build/browser", // update you path here
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}