angular - 如何使用 Angular 2 在刷新时重定向到主页？

Question

我正在使用 Angular CLI 构建应用程序。我已经配置了如下所示的路由：

const routes: Routes = [
 {path: 'Home', component: HomeComponent},
  {path: 'About', component: AboutUsComponent},
  { path: '**', pathMatch: 'full', redirectTo: 'Home' }
];

我有一个要求，在刷新页面时我需要重定向到主路径。
注意：我曾尝试与警卫一起做，但未能达到预期的效果。请帮我完成这些步骤。

提前致谢

Answer 1

你可以在你的 app.component 中添加一个重定向到你的主页。app.component 加载一次，将在新的刷新中再次加载。

Answer 2

这适用于 Ang7 中的 app.component.ts，

<strong>import { Location } from '@angular/common'

然后在同一文件中的 ngOnInit() 中添加：

if(location.pathname != "/"){location.replace("/")}

假设您有 Route 设置并且您的主 URL 路径是“/”