Firebase 在 404 上呈现自定义页面答案

【问题标题】：Firebase rendering a custom page on 404Firebase 在 404 上呈现自定义页面
【发布时间】：2018-02-07 01:01:19
【问题描述】：

我正在为我的网站使用 Firebase 托管，如果有人尝试像 my.site/contact 这样的直接链接，他们会看到由 firebase 呈现的标准 404。

我想用我自己的页面替换它，因此我创建了一个名称为 404.html 的页面并放置在 src/ 和 src/app/ 中

但是，这不起作用。我的firebase.json 看起来像这样：

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

我可以接受的另一个选择是将人们引导到登录页面。我想这需要向firebase.json 添加路由规则。

【问题讨论】：

确保您的 404.html 页面与您的 index.html 位于同一页面中...您说您的网站显示 Firebase 的默认 404 页面。这意味着您的项目目录中有他们的 404.html 文件。您应该搜索并替换为您自己的

【解决方案1】：

请阅读documentation for Custom 404/Not Found page。

您的404.html 文件必须位于公共内容目录的最顶层，根据您的配置，该目录看起来应该是dist。

【讨论】：

你是对的。但是，在没有 404.html 的情况下创建了 ng serve dist，当我进行 firebase 部署时，firebase 上传并删除目录。所以基本上解决方案是通过手动复制来工作的，但这很痛苦
您可以编写一个在一个命令中完成所有操作的脚本。
是的，做这样一件简单的事情来处理 404 页面似乎只是开销
也许你应该问第二个问题，看看是否有正确的方法来做到这一点。 Firebase 工具帮不了您。
这将是 Angular 工具的一个问题——例如“如何指定要复制到 dist 的其他文件？”