javascript - 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

您需要将第二个回调传递给订阅方法。该回调将在出现错误时执行。

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