Угловой 8 перехват 401 с модальным логином - PullRequest
Новая
       60

Угловой 8 перехват 401 с модальным логином

0 голосов
/ 04 октября 2019

Я пытаюсь заставить пользователя продолжить с того места, где он остановился, введя данные для входа из любой точки приложения, однако у меня нет токена или токена обновления, серверная часть использует session cookie.

Вот что я пытаюсь сделать безуспешно, используя HttpInterceptor, как только ответ 401, я показываю модальное using ngx-bootstrap modal service.

Вышеупомянутая часть относительно работает, теперь яЯ не уверен, как можно заставить service/intercept запросить тот же запрос, который не удался.

Я пытался сделать то же самое без перехватчика без удачи.

Любые идеи или примеры будутотлично.

Обновление: я все еще не могу заставить его работать retryWhen не помогло 

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
      retryWhen(errors =>
        errors.pipe(
          tap(errorStatus => {
            let OrgReq;
            console.log("tap: ", errorStatus);
            if (errorStatus.status === 401) {
              OrgReq = req.clone();
              this.authModalRef = this.modalService.show(AuthenticationComponent, this.initialState);  
              this.authModalRef.content.onLoggedIn.subscribe(loggedIn => {
                    console.log("has logged? ", loggedIn, OrgReq);
                    return next.handle(OrgReq);
                });
            }

            throw errorStatus;

          })
        )
      )
  );
}

Я думаю, потому что первый запрос отписался после 401 1021 * ничего не делает

1 Ответ

1 голос
/ 04 октября 2019

Я думаю, что retryWhen трубочный оператор сделает за вас трюк

https://www.learnrxjs.io/operators/error_handling/retrywhen.html

Примерно так: 

intercept(req: HttpRequest, next: HttpHandler): Observable<HttpEvent<any>> {

        let clone = req.clone()

        return next.handle(clone).pipe(

            retryWhen(err => {
                // You can filter based on the error
                const retryReq = confirm("Retry");
                if(retryReq)return next.handle(clone)
                else return OtherObservable
            })
        );
    }
}

Вам нужно либо вернуть Observable, либоистина или ложь разрешены

...