Как обрабатывать неавторизованные запросы (статус с 401 или 403) с новым httpClient в угловых

Question

У меня есть охрана на моей домашней странице, как показано ниже.checkTokenValidation - это метод проверки правильности токена с сервера.когда ответ сервера ложен, мой код, кажется, останавливается и все внутри map больше не работает.

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {

    return this.authService.checkTokenValidation().pipe(
      map((data) => {
          if (data['ok']) {
            this.router.navigate(['/overview']);
            return false;
          } else {
            return true;
          }
        },
        (error: string) => {
          console.log(error);
        })
    );
  }

вот мой checkTokenValidation код:

 checkTokenValidation() {
 const token = this.getToken();
    return this.httpClient.get('http://185.69.54.21/back_end/web/site/check-token', {
      headers: new HttpHeaders().append('Authorization', `Bearer ${token}`)
    });
  }

Answer 1

Проблемы

Возможные проблемы -

1. Навигация через Стража.Так что лучше убери оттуда.

2. Условие неверное, я думаю.Если данные в порядке, они должны вернуть true, иначе false;

3. В случае ошибки вернуть false;

Измененный код

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {

    return this.authService.checkTokenValidation().pipe(
      map((data) => {
          if (data['ok']) {
            //this.router.navigate(['/overview']); //<-- remove this.
            return true; //<- return true if response is ok
          } else {
            return false;  //<- return false if response is not ok
          }
        },
        (error: string) => {
          console.log(error);
          return false;   //<- return false in case of error
        })
    );
  }