catch api 404 response with Angular2 http

Question

I have api which returns 400 or 404 errors if failed.

When I run the http.get method, it does not catch the error on subscribe and throws error.

Http.get(`api/path/here`).map(res => res.json()).subscribe(
            data => console.log(data),
            error => console.log(error)
        );

Following is the error I get

take a look in the network tab for status code and in the preview tab for error information — Pardeep Jain
– Pardeep Jain, Commented Feb 20, 2016 at 5:28
@PardeepJain status code is 400 that whats the api returns, if user object is not found. — Basit
– Basit, Commented Feb 20, 2016 at 5:31

Thierry Templier · Accepted Answer · 2016-02-20 08:03:24Z

11

You could also use the catch operator

http.get(`api/path/here`)
    .map(res => res.json())
    .catch(
        err => {
          // handle errors
        })
    .subscribe(
        data => console.log(data)
    );

answered Feb 20, 2016 at 8:03

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

1 Comment

cjones26 Over a year ago

Does the "catch" have any benefit over utilizing the "onError" method on the subscribe operator itself? If I simply include an "onError" method implementation, is there a chance I could have uncaught exceptions possibly caused by my "map" operator? Thanks!

micronyks · Accepted Answer · 2016-02-20 05:46:13Z

9

.subscribe(res=>{
    this.data=res;
    console.log('bye');
 },
 (err)=>console.log(err),
 ()=>console.log("Done")
 );

Try out this way.

answered Feb 20, 2016 at 5:46

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

Collectives™ on Stack Overflow

catch api 404 response with Angular2 http

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related