Angular 8 - URL 使用 routerLink 加载，但在 LOCALHOST 的浏览器中直接访问时不显示

Question

我开发了 Angular 8 应用程序，我正在使用 routerLink 来导航组件，这些组件工作正常，没有任何问题，但是当我直接在浏览器中输入相同的 URL 时，它没有显示任何内容，并且在控制台中，我看到了错误如下



例如，我打开主页http://localhost:4200/home我在此处添加了路由器链接以转到 http://localhost:4200/about我将能够成功查看，但如果我输入 URL http://localhost:4200/about直接在 ULR 中没有显示

我已经处理了 app-routing.model.ts

const routes: Routes =
    [
        { path: 'home', component: HomeComponent },
        { path: 'about', component: AboutComponent },
        { path: '**', redirectTo: '/home', pathMatch: 'full' }
    ];
    @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})

我有 header.component.ts 来处理导航栏，所以我添加了 <router-outlet></router-outlet>在 header.component.html
然后我在 app.component.ts 中包含了 header.component.ts 的选择器 <app-header></app-header>然后在最后的 index.html 中我包含了 app.component.ts 的选择器，即 <app-root></app-root>
你能告诉我是否有问题。

在问这个问题之前，我已经浏览了下面的内容，没有任何帮助

RouterLink does not work

Angular 2 Routing Does Not Work When Deployed to Http Server

Angular2 routing - url doesn't change and page doesn't load

Answer 1

在服务器上，我们可以使用 hashStrategy 进行路由。

在路由文件中只需替换 RouterModule.forRoot(routes)至 RouterModule.forRoot(routes,{useHash : true}) .