Angular 2 redirectTo与路由器无法正常工作

Question

我正在使用角度2开发我的第一个应用程序，我遇到了奇怪的问题。

我的路由配置如下：

export const routes: RouterConfig = [
{ path: '', redirectTo: 'login' },
{ path: 'login',  component: Login },
{ path: 'home',   component: Home }
];

当我输入localhost：3000时，我会自动重定向到我的localhost：3000 / login，这是我的登录表单页面。 当我输入我的凭据并单击提交路由器naviagation不起作用（控制台中没有错误），但令人惊讶的是当我刷新localhost：3000 / login时路由器工作。

我用这种方式调用路由器：

export class Login {
   constructor(public router: Router, public http: Http) {
   }

login(event, username, password) {
    event.preventDefault();
    //  ...
    this.router.navigate(['/home']);
}

}

这种路线配置有什么问题？

Answer 1

你必须省略前导斜杠：

this.router.navigate(['home']);

您还可能需要在重定向路由上设置pathMatch: 'full'属性。

{ path: '', redirectTo: 'login', pathMatch: 'full' }

否则，当存在具有更深级别的其他路线时，您的路线不会触发。