Почему guard в angular на долю секунды показывает страницу авторизации?

Question

[ne-programmist]

Такой вопрос, есть группа роутов, которые находятся под 'auth.guard.ts', так вот там прописан такой код:

async canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    const user = this.authStorageService.getUserFromToken();

    if (user) {
      // если все хорошо, пропускаем
      return true;
    } else {
      // если пользователь не авторизован
      await this.router.navigate(['/login']);
      return false;
    }
  }

и вот если я будучи авторизованным, нахожусь на роуте под этим guard, то при обновлении страницы я на долю секунды вижу страницу логина (если ее изменить на любую другую страницу, то будет отображаться указанная страница также на долю секунды). Ниже пример в записи как это выглядит (перед лоадером):



все что в гугле удалось найти, это совет сделать так:
return this.router.createUrlTree(['/login'])

и это не помогло. может кто сталкивался, как пофиксить?

Comments

[Yuriy Vorobyov]

А вызов getUserFromToken не асинхронный?

[Максим Федоров]

верните промис или observable (что предпочтительнее)

типа так:

return this.authStorageService.getUserFromToken()
     .pipe(map(t => !!t))

[ne-programmist]

Yuriy Vorobyov, не заметил, но добавил await, ситуация также не изменилась:

const user = await this.authStorageService.getUserFromToken();

[ne-programmist]

Максим Федоров, попробовал, падает в ошибку, и в консоли вижу:
ERROR TypeError: this.authStorageService.getUserFromToken(...).pipe is not a function

async canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<boolean> {
    return this.authStorageService.getUserFromToken().pipe(map(t => !!t));
}

[Максим Федоров]

return this.router.navigate(['/login']); ?

[Максим Федоров]

ne-programmist,

потому что вы на асинках в ангуляр залезли, забейте, верните просто

return this.router.navigate(['/login']);

[ne-programmist]

Максим Федоров, не понял

[Максим Федоров]

а еще кажется, у вас login страница гвардом закрыта

[ne-programmist]

Максим Федоров,

а еще кажется, у вас login страница гвардом закрыта

да, чтобы авторизованный юзер не мог зайти на /login, вот такой гвард:

async canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    const user = this.authStorageService.getUserFromToken();

    if (user) {
      return false;
    }
    return true;
  }

[Максим Федоров]

так а как ему тогда авторизоваться, если /login закрыт?
Вы закрываете /login с редиректом на /login который закрыт с редиректом на /login который закрыт с редиректом на /login который закрыт с редиректом на /login :)

[ne-programmist]

Максим Федоров, /login закрыт для залогиненных, пример выше в комменте прикрепил