设置Angular Firebase托管404页面

时间:2020-10-15 02:24:59

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

是否可以使用Firebase托管重定向覆盖角度路由器?

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

即将其添加到firebase.json中重写”:

<Router>
  <Switch>
    // this will actually match /question123/asdf/kdkd?foo=bar as well...
    <Route path="/question">
      <QFIB />
      <AFIB />
    </Route>
    // `exact` tells the Route is must be... exact
    <Route path="/" exact>
       <Link to="/question">Go to Questions</Link>
    </Route>
  </Switch>
</Router>

但是,最初的/index.html重写似乎阻止了404工作。

还是只能通过SSR来实现?

谢谢!

1 个答案:

答案 0 :(得分:0)

根据Firebase托管配置documentation

在每个重定向和重写属性中,主机将应用第一个规则定义的重定向或重写,并使用与请求路径匹配的URL模式。因此,您需要在每个重定向和重写属性中故意对规则进行排序。配置的重定向仍然优先于重写。

您的index.html **通配符规则似乎只是优先于/404,因为它被列在最前面。尝试颠倒顺序。