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

Answer 2

您的代码没有问题，URL本身正在提供 404