Angular 2 HTTP得到处理404错误

Question

我有一个服务空服务json,但我收到这些错误.如果我使用https://jsonplaceholder.typicode.com/posts/6然后就可以了.如何以正确的方式处理这些错误？

服务:

constructor( private http:Http ) { }

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

错误:

Answer 1

您需要将第二个回调传递给subscribe方法.当出现错误时,将执行此回调.

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)
  );
}