设置 Angular Firebase 托管 404 页面

【问题标题】：Setting up Angular Firebase Hosting 404 page设置 Angular Firebase 托管 404 页面
【发布时间】：2021-01-29 11:45:16
【问题描述】：

是否可以使用 Firebase 托管重定向覆盖 Angular 路由器？

我创建了一个 404.html 页面来利用 firebase 404 错误处理。

即将此添加到 firebase.json 重写”：

[
    {
        "source": "**",
        "destination": "/index.html"
    },
    {
        "source": "/404",
        "destination": "/404.html"
    }
]

然而，最初的 /index.html 重写似乎阻止了 404 工作。

或者这只能通过 SSR 实现？

谢谢！

【问题讨论】：

标签： angular firebase http-status-code-404 firebase-hosting angular-router

【解决方案1】：

根据Firebase Hosting配置documentation：

在每个redirects 和rewrites 属性中，Hosting 应用由第一个规则定义的重定向或rewrite，其URL 模式与请求的路径匹配。因此，您需要在每个重定向和重写属性中故意对规则进行排序。配置的重定向仍然优先于重写。

看起来您的 index.html 的** 通配符规则只是优先于/404，因为它被列在第一位。尝试颠倒他们的顺序。

【讨论】：