각도 5 로그 인터셉터는 오류가 throwed하지만 함수를 호출하면 오류

Question

인터셉터 코드를 다시 읽을 수 없습니다 :

import { Injectable } from '@angular/core'; 
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http'; 
import { Observable } from 'rxjs/Observable'; 
// import { tap, map, catchError } from 'rxjs/operators'; 
import 'rxjs/add/observable/throw'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/do'; 

@Injectable() 
export class LogInterceptor implements HttpInterceptor { 

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 
     console.log(`HTTP: ${req.urlWithParams}`); 

     return next.handle(req) 
      .catch((err, caught) => { 
       console.log(err); 
       if (err.error instanceof Error) { 
        // A client-side or network error occurred. Handle it accordingly. 
        console.log('An error occurred:', err.error.message); 
       } else { 
        // The backend returned an unsuccessful response code. 
        // The response body may contain clues as to what went wrong, 
        console.log(`Backend returned code ${err.status}, body was: ${err.error.message}`); 
       } 
       return Observable.throw(err); 
      }) 
      .do(event => { 
       console.log(event); 
       if (event instanceof HttpResponse) { 
        console.log(event.body); 
       } 
      }); 
    } 

} 

인터셉터가 작동하지만 오류가 호출하는 함수에 의해 읽을 수없고 항상 null입니다. 캐치 코드가 인터셉터에서 제거

this.http.post<Asset>(`whatever.php`, {}).subscribe(
    _data => console.log(data), 
    _err => console.log(_err) // <- this _err is always NULL 
); 

경우 함수 호출

는 오류가 돌아왔다. 인터셉터가 일반 처리를 수행하기를 원하지만 필요할 경우 호출 함수가 오류를 처리 할 수도 있습니다. 가능한가?

Answer 1

return next.handle(req).do(
     (event: HttpEvent <any>) => { 
     if (event instanceof HttpResponse) { 
      console.log('--> event: ', event); 
      console.log('--> status: ', event.status); 
      this._spinnerService.requestEnded(); 
     } 
     }, 
     (err: any) => { <-- The error is caught here. You didn't define any Error callback, hence it's null during your subscription. 
     if (err instanceof HttpErrorResponse) { 
      console.log('--> error: ', err); 
      console.log('--> errorStatus: ', err.status); 
      this._spinnerService.requestEnded(); 
     } 
     } 
    ); 

확인 내 대답에 주석