How do I get a full error response with Angular 4?

Question

I am making an http request with Angular HttpClient.

http.get(`${hostUrl}/myproject/infrastructure-status`)
.subscribe(
(resp) => {
  // handle response
},
(error) => {
 console.log(error)
});

In my console, an error of type HttpErrorResponse is logged:

However, the backend response on my network tab is not the same:

Can I get the full error response in Angular? If so, how?

Aleš Doganoc · Accepted Answer · 2017-09-23 13:08:04Z

1

The error you get is also a response object so if you cast it to response you can read the body. For me this works:

http.get(`${hostUrl}/myproject/infrastructure-status`)
           .subscribe(
           (resp) => {
              // handle response
           },
           (error) => {
              if (error instanceof Response) {
                 console.log(error.text());
              }
           });

What seems strange to me is that you get a ProgressEventObject. I always get a Response object that includes the body also. Maybe the difference is that the response in your case is HTML I was testing with calling a WebApi that returns JSON.

answered Sep 23, 2017 at 13:08

Aleš Doganoc

12.1k30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zlatko Over a year ago

ProgressEvent is obtainable by flag.

Collectives™ on Stack Overflow

How do I get a full error response with Angular 4?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related