Как получить http ответа тела ошибки бэкэнда в angular 7? - PullRequest
Новая
       34

Как получить http ответа тела ошибки бэкэнда в angular 7?

0 голосов
/ 24 июня 2019

Использование Spring boot в качестве моего бэкэнда, который отправляет некоторый ответ об ошибке с телом json на мой угловой интерфейс. У меня есть угловые настройки http-перехватчика для перехвата http-ошибок. но я не могу получить ответ об ошибке JSON от серверной части.

Открывая инструменты Chrome, я вижу ответ, и когда я регистрирую ошибку http от моего углового перехватчика, объект ошибки становится нулевым. 

return next.handle(request)

      .pipe(tap(event => {
          // 
      }, (err: HttpErrorResponse) => {
        console.log(JSON.stringify(err));
      }));

Я ожидаю, что смогу получить доступ к свойству сообщения этого ответа, скопированного из chrome dev tools 

{timestamp: "2019-06-24T15:17:41.864+0000", status: 400, error: "Bad Request",…}
error: "Bad Request"
errors: [{codes: ["Min.examinerLogin.phoneNo", "Min.phoneNo", "Min.java.lang.String", "Min"],…}]
message: "Validation failed for object='examinerLogin'. Error count: 1"
path: "/api/public/letters"
status: 400
timestamp: "2019-06-24T15:17:41.864+0000"
trace: "org.springframework.web.bind.MethodArgumentNotVali"

мой код перехватчика такой: 

    import {Injectable} from '@angular/core';
import {HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpErrorResponse, HttpResponse} from '@angular/common/http';
import { AuthService } from './auth.service';
import {Router} from '@angular/router';
import {Observable} from 'rxjs';
import {tap} from 'rxjs/operators';
import {MessageService} from 'primeng/api';

@Injectable({
  providedIn: 'root'
})

export class TokenInterceptor implements HttpInterceptor {

  constructor(
    private router: Router,
    private authenticationService: AuthService,
    private messageService: MessageService
    ) {}

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

    return next.handle(request)

      .pipe(tap(event => {
        if (event instanceof HttpResponse) {
          // do stuff with response if you want
        }
      }, (err: HttpErrorResponse) => {
        console.log(JSON.stringify(err));
        if (err instanceof HttpErrorResponse) {

              this.messageService.add({
                severity: 'error',
                summary: 'Server Error', detail: err.error.message
              });
            }
      }));
  }
}
...