загрузить любой компонент на основе действительного токена в Angular5

Question

У меня есть токен в localStorage, я хочу перенаправлять каждую попытку загрузить любой компонент с недействительным токеном.Как мне это сделать?Это можно сделать с помощью функции onInit(), но как я могу реализовать ее для каждого компонента?

Answer 1

Использование охраны:

@Injectable()
export class AuthGuard implements CanActivate {

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
        if (valid token) {
          return true
        } else { // invalid token, force to redirect
          this.router.navigate(['/redirectUrl']); 
          return false;
        }
      }
}

и маршрутизация:

....
    { path: 'myRoute', component: MyComponent, canActivate: [AuthGuard]},
...