Как сделать ошибку window.alert в запросах API Angular2?

Question

У меня есть 2 API-запроса, один Get и один Post, и я хочу напечатать на экране сообщение об ошибке. Вы можете увидеть ошибку запроса GET здесь:

401 UNAUTHORIZED
{
    "_status": "ERR",
    "_error": {
        "code": 401,
        "message": "Please provide proper credentials"
    }
}

Вы можете увидеть ошибки запроса POST здесь:

422 UNPROCESSABLE ENTITY

Append
{
    "_status": "ERR",
    "_error": {
        "code": 422,
        "message": "Duplicate licence plate found during insertion."
    }
}

Remove
{
    "_status": "ERR",
    "_error": {
        "code": 422,
        "message": "Removal aborted. Licence plate not found in any or all of the given indexes."
    }
}

401 UNAUTHORIZED
{
    "_status": "ERR",
    "_error": {
        "code": 401,
        "message": "Please provide proper credentials"
    }
}

Мой сервис следующий, но он не ' распечатать эти сообщения.

 getparkingDetails(): Observable<any>{

        console.log(this.token);
        const httpOptions = {


            headers: new HttpHeaders({

              'Content-Type':  'application/json',
              'Authorization': 'Bearer: ' + this.token,
            }),
          };


          return this.httpclient.get<any>("https://socialpark.iti.gr:8005/parking_sites/management", httpOptions).pipe(
            catchError(this.errorHandler));
        }

        errorHandler(error: any) {
          //if (error == 404)
          let errorMessage = '';
          if (error.error instanceof ErrorEvent) {
     // client-side error
          errorMessage = `Error: ${error.error.message}`;
          } else {
          // server-side error
           errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
           }

          window.alert(errorMessage);
         return Observable.throw(errorMessage);
          }



        addparkingDetails(parkingSite: any): Observable<any>{

          const httpOptions = {
            headers: new HttpHeaders({
              'Content-Type':  'application/json',
              'Authorization': 'Bearer: ' + this.token,
            }),
          };
          return this.httpclient.post<any>(
            "https://socialpark.iti.gr:8005/parking_sites/management/updates",
            parkingSite,
            httpOptions).pipe(
              catchError(this.errorHandlerup));

            }

        errorHandlerup(error: any) {
          let errorMessage = '';
          if (error.error instanceof ErrorEvent) {
     // client-side error
          errorMessage = `Error: ${error.error.message}`;
          } else {
          // server-side error
           errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
           }

          window.alert(errorMessage);
         return Observable.throw(errorMessage);
          }

Answer 1

Я думаю, вам нужно прочитать полный ответ, чтобы сделать это. Чтобы прочитать полный ответ, используйте observe:'response' в httpclient.get следующим образом:

getConfigResponse(): Observable<HttpResponse<Config>> {
  return this.http.get<Config>(
    this.configUrl, { observe: 'response' });
}

Более подробную информацию можно найти здесь: https://angular.io/guide/http#reading -the-full-response