Перехватчик HTTP на ответ не работает в угловых 5 - PullRequest
Новая
       28

Перехватчик HTTP на ответ не работает в угловых 5

0 голосов
/ 05 октября 2018

Я хочу, чтобы пользователь автоматически вышел из системы, если какой-либо API возвращает ответ об ошибке 401. И для этого я перехватываю каждый запрос, и как только приходит код ошибки 401, я очищаю токен jwt в своем локальном хранилище иauth guard предотвращает переход пользователя на этот маршрут. Но после реализации перехватчика (примеров для этого очень мало, и также нет упоминаний в документации), я не могу выполнить ни одного HTTP-запроса. Ниже приведен мой код. Спасибо заранее.

import { Injectable, Injector } from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse} from '@angular/common/http';
import { Observable } from 'rxjs/Rx';
import 'rxjs/add/observable/throw'
import 'rxjs/add/operator/catch';

@Injectable()
export class ResponseInterceptor implements HttpInterceptor {

    constructor() {
    }

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

        return next.handle(request).do((event: HttpEvent<any>) => {
        }, (err: any) => {
            if (err instanceof HttpErrorResponse) {
                // do error handling here
                console.log('and the error is ');
                console.log(err)
            }
        });
    }
}

1 Ответ

0 голосов
/ 06 октября 2018

Если он идет с ошибкой, зачем вам нужно отслеживать каждый запрос, если вы могли только поймать необходимо? 

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
        catchError((err:string, caught:Observable<any>)=>this.handleHttpClientError(err, caught))
    );
}

handleHttpClientError(error: any, caught: Observable<any>)
{
    if(error.status == 401){
        ... your logic here ... 
    }
    return new EmptyObservable<Response>();
    // or return Observable.throw('Auth error');
}
...