Angular 2/3/4/5/6/7 global http error handling for Angular HTTP calls

http-error.service

import { Injectable, OnInit }
 from '@angular/core';
import { ErrorObservable } 
from 'rxjs/observable/ErrorObservable';
import { HttpErrorResponse } 
from '@angular/common/http';
import { Router }
 from '@angular/router';

@Injectable()
export class HttpErrorService {
constructor(private router:Router){

}
  errorMessage="Something bad happened;
 please try again later.";
 
  handleError(error: HttpErrorResponse) {

    if (error.error instanceof ErrorEvent) {
      // A client-side or network error 
        occurred. Handle it accordingly.
      console.error('An error occurred:', error.error.message);
      
    } else {
      // The backend returned
         an unsuccessful response code.
      // The response body may 
        contain clues as to what went wrong,
      let status=error.status;
      if(status==406 || status ==410 || status==401){
        this.errorMessage = "expired"
     

      }
      else if(status==403 ){
        this.errorMessage = "You are not 
       authorized to access this service."
      }
      else{
        this.errorMessage = "System Error.Please try again.
If the problem persists contact the admininstrator."
      }
      console.error(
        `Backend returned code ${error.status}, ` +
        `body was: ${error.error}`);
    }
    // return an ErrorObservable
      with a user-facing error message
    return new ErrorObservable(
      this.errorMessage);
  }
}
 

sample-http-call.service.ts
import { Injectable, OnInit } 
from '@angular/core';
import { HttpClient, HttpResponse }
 from '@angular/common/http';
import { HttpHeaders } 
from '@angular/common/http';
import { Observable } 
from 'rxjs/Observable';
import { ErrorObservable }
 from 'rxjs/observable/ErrorObservable';
import { catchError } 
from 'rxjs/operators/catchError';
import { tap } 
from 'rxjs/operators/tap';
import { Router } 
from '@angular/router';
import { HttpErrorService } 
from './http-error.service';

@Injectable()
export class HTTPService  {


 constructor( private http: HttpClient,
 private httpError: HttpErrorService) {

    }
getHeaders() {
        return {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        
        }
    }

 GetData(serviceName): Observable {       
        return this.http.get
            (
              serviceName,
            { headers: this.getHeaders() }
            ).pipe(
                tap(res => {

              //
             Your Logic goes here
              //

                }),
//This will handel the Http error
                catchError(this.httpError.handleError)
            );

    }

    Post(data: any, serviceName): Observable {
        return this.http.post
            (
            serviceName, data,
            { headers: this.getHeaders() }
            ).pipe(
                tap(res => {
                     //
             Your Logic goes here
              //

                }),
                catchError(this.httpError.handleError)
            );
}