開いているルートが 2 つあります (例: /home、/details)。ユーザーがログインした後、ユーザーがログアウトするまで、URL を直接変更するか、[戻る] ボタンを押すことによって、ユーザーがこれらのページにアクセスすることを制限したいと考えています。
ユーザーがログインしていないときに、ユーザーが保護されたルートにアクセスするのを制限するために、AuthGuard を使用しました。
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> |
boolean {
if (localStorage.getItem('isLoggedIn') === null ||
localStorage.getItem('isLoggedIn') === 'false') {
return true;
}
this.router.navigate([state.url]);
return false;
})