Firebase中子目录中的角度路由问题答案

【问题标题】：Angular Route in Sub Directory issue in FirebaseFirebase中子目录中的角度路由问题
【发布时间】：2019-05-08 23:03:38
【问题描述】：

我正在尝试构建 Angular 7 基本应用程序，其中输出目录是 dist/oe2020，其中创建了所有公共文件。我还在 index.html 中设置了 baseUrl，例如：

baseUrl="/oe2020/"

当我加载应用程序时，它会加载索引页面。但是我也有一个带有 home 组件的路由，它在 app.routing.module.ts 文件中设置，例如：

const routes: Routes = [
 {
  path: 'home',
  component: HomeComponent,
 },
];

如果你删除 /home 那么它会显示索引页面但你有 /home 路由然后它会尝试在主目录中查找 index.html。但令人惊讶的是，当我将 Hash 与提供程序集成在路由 URL 中时，同样的设置也能正常工作。

【问题讨论】：

【解决方案1】：

好的，我得到了答案。我必须在 firebase.json 中设置重写，例如：

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

【讨论】：