Блог

Я пытаюсь реализовать аутентификацию FusionAuth на сайте и столкнулся с серьезной проблемой с Chrome и Edge, но не с Firefox. Прямо сейчас, в зависимости от тела ответа, он либо автоматически перенаправит вас на страницу входа в FusionAuth, либо направит вас на домашнюю страницу сайта, которая содержится в панели навигации.

 <ng-container *ngIf="this.loggedIn == false; then thenTemplate; else elseTemplate"></ng-container>
<ng-template #thenTemplate>
    <meta http-equiv="refresh" content="0; URL=login_url">
</ng-template>
<ng-template #elseTemplate>
    <app-navbar></app-navbar>
</ng-template>
  

Это служба для сбора информации о пользователях. В компоненте, в котором выполняется проверка, проверяется, содержит ли информация адрес электронной почты или нет, поскольку электронная почта требуется для всех пользователей. Если есть электронное письмо, оно устанавливает для свойства «LoggedIn» значение true, в противном случае оно равно false.

 export class UserService {

  private SERVER_URL = "serverURL";

  constructor(private httpClient: HttpClient) { }

  handleError(error: HttpErrorResponse) {
    let errorMessage = 'Unknown error!';
    if (error.error instanceof ErrorEvent) {
      errorMessage = `Error: ${error.error.message}`;
    } else {
      errorMessage = `Error Code: ${error.status}nMessage: ${error.message}`;
    }
    window.alert(errorMessage);
    return throwError(errorMessage);
  }

  public get() {
    return this.httpClient.get(this.SERVER_URL, {withCredentials: true}).pipe(catchError(this.handleError));
  }
}
  

И, наконец, вот проверка. Я полагаю, что проблема возникает здесь:

   user: any;
  loggedIn: boolean;
  constructor(private userService: UserService){}

  ngOnInit(): void{
    this.userService.get().subscribe((data: any) => {
      if(data.email != null){
        this.loggedIn = true;
      }
      else{
        this.loggedIn = false;
      }
    });
  }
  

На данный момент Firefox каким-то образом может дождаться асинхронного запроса, но Chrome отправляет пользователя через бесконечное перенаправление для входа.

По сути, мой вопрос в том, как я могу заставить Angular ждать обработки запроса на обслуживание и продолжать, пока не будет получена вся информация? Я пытался превратить ответ в обещание и вернуться таким образом, но безуспешно.

Спасибо всем!