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

时间:2017-06-18 04:57:56

标签: angular angular2-routing angular-router-guards

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

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

我要求刷新页面时需要重定向到Home路径。
注意:我已经尝试过使用警卫,但未能达到预期效果。请帮我解决这些步骤。

提前致谢

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

这适用于Ang7 在app.component.ts中,

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

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

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

假设您已设置“路由”,并且您的家庭网址路径为“ /”