Angular 路由在 Firebase 托管中不起作用

Question

我有一个 Angular 项目，其中路由在 localhost 中工作，但是当我将项目部署到 Firebase 托管时，只有 base-url 工作。 这是我的路由：示例 https://baseurl/jegharaldrigkategori 在 Firbase 托管中不起作用。它说“找不到页面”

  const routes: Routes = [
  {
      path: '',
      redirectTo: 'home', 
      pathMatch: 'full'
  },
  {
    path: 'home', 
    component: HomeComponent
  },
  {
    path: 'jegharaldrigkategori', 
    component: JegharaldrigkategoriComponent
  },
  {
    path: 'jegharaldrig', 
    component: JegharaldrigComponent
  },
  {
    path: 'udfordring', 
    component: UdfordringComponent
  },
  {
    path: 'terning', 
    component: TerningComponent
  },
  {
    path: 'overunder', 
    component: OverunderComponent
  }
];

Answer 1

在 Firebase 上托管时，您必须记住将所有呼叫重定向到 index.html。

firebase.json 的托管部分应包括“重写”，这是一个示例：

"hosting": {
    "public": "public",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },