각도 2 redirectTo 라우터 작동하지 않음

Question

각도 2를 사용하여 첫 번째 앱을 개발 중이며 이상한 문제가 발생했습니다.

는이 같은 내 경로 구성이 있습니다

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

을 내가 localhost를 입력 할 때 : 3000/로그인, 내 로그인 폼 페이지입니다 : 3000 나는 자동으로 내 로컬 호스트로 리디렉션하고 있습니다. 자격 증명을 입력하고 제출을 클릭하면 라우터 naviagation이 작동하지 않습니다 (콘솔에서 오류가 발생하지 않음). 놀랍게도 라우터는 localhost : 3000/login을 새로 고칠 때 작동합니다. 내가 라우터 이런 식으로 전화를

:이 경로 구성으로

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

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

}

은 무엇 잘못 될 수 있을까?

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

은 또한 당신이 당신의 리디렉션 경로에 pathMatch: 'full' 속성을 설정해야 할 수 있습니다

Answer 1

당신은 최고의 슬래시를 생략해야합니다.

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

그렇지 않으면 더 높은 레벨의 다른 경로가있을 때 경로가 트리거되지 않습니다.