Angular 4路由：导航到主页

Question

我定义了以下路线：

const appRoutes: Routes = [
  { path: 'signup', component: SignupComponent },
  { path: 'home', component: HomeComponent },
  { path: '**', component: HomeComponent }

];

访问www.mysite.com显示我的HomeComponent很好。但是，当我单击菜单链接导航回到主页时，它将带我到www.mysite.com/home

下面的链接代码：

<a href="home" [routerLink]="['home']" class="nav-link active">Home</a>

如何使此链接导航到主URL www.mysite.com？

Answer 1

您需要添加带有空字符串的路由，请参见下面的示例

const appRoutes: Routes = [
  { path: 'signup', component: SignupComponent },
  { path: 'home', component: HomeComponent },
  { path: '', component: HomeComponent }
  { path: '**', component: HomeComponent }
];