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

Answer 2

你的代码没有问题，URL 本身给出了 404

Angular 2 HTTP 获取处理 404 错误

Angular 2 HTTP get handling 404 error

javascript

http

http-status-code-404

angularjs

angular