Angular 2 HTTP get handling 404 error

angular, angularjs, http, http-status-code-404, javascript

Solution

You need to pass a second callback to the subscribe method. This callback will execute when there is an error.

function handleError(error) {
  console.log(error)
}

fetchData(){
  return this.http.get('https://jsonplaceholder.typicode.com/psts/6')
      .map(
          (res) => res.json()
      )
      .subscribe(
        (data) => console.log(data),
        (error) => handleError(error)
  );
}

Problem

I have a service which served an empty json, but i am getting these errors. If i use https://jsonplaceholder.typicode.com/posts/6 then its ok. How can i handle these errors in the correct way? Service: ``` constructor( private http:Http ) { } fetchData(){ return this.http.get('https://jsonplaceholder.typicode.com/psts/6') .map( (res) => res.json() ) .subscribe( (data) => console.log(data) ); } ``` Error:

Original source