Tenho uma aplicação em Angular 2 que está consumindo uma API em Nodejs. Essa aplicação possui autenticação JWT. Meu problema é o seguinte: Quando o servidor em node é reiniciado, o usuário continua conseguindo navegar entre as páginas, porém, não visualiza o que está sendo requisitado para a API.
Isso porque quando o usuário se conecta ao sistema, eu guardo seu token no localStorage da aplicação e crio uma sessão no node. Mesmo que o servidor esteja offline, a variável no localStorage continuará presente.
Aqui está meu canActivate
(protegendo todas as rotas e redirecionando caso necessário):
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
const currentUser = this.authenticationService.currentUserValue;
if (currentUser) {
// authorised so return true
if (currentUser.permissions.basic_permissions === true && currentUser.permissions.owner === false) {
this.router.navigate(["/demo"]);
}
return true;
}
// not logged in so redirect to login page with the return url
this.router.navigate(["/login"], { queryParams: { returnUrl: state.url } });
return false;
}
O serviço de autenticação, realizando o login:
login(username: string, password: string) {
return this.http
.post<any>(
`${this.APIEndpoint}/login`,
{ username, password },
{ withCredentials: true }
)
.pipe(
map(user => {
if (user && user.userInfo.token) {
localStorage.setItem("currentUser", JSON.stringify(user.userInfo));
this.currentUserSubject.next(user.userInfo);
this.loggedIn = true;
}
return user.userInfo;
})
);
}