2016-10-21 8 views
5

私は空のjsonにサービスを提供していますが、これらのエラーが発生しています。もし私がhttps://jsonplaceholder.typicode.com/posts/6を使用して、その大丈夫です。これらのエラーをどうやって正しい方法で処理できますか?角2 HTTP取得処理404エラー

サービス:

constructor(private http:Http) { } 

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

エラー:

enter image description here

+0

を与えているとなぜあなたは 'o'を省略していますか? –

+0

@ハリー・ニンあなたはどういう意味ですか? – Bas

+1

あなたの与えられたURLは 'https:// jsonplaceholder.typicode.com/posts/6'で、あなたのURLは' https:// jsonplaceholder.typicode.com/psts/6'です –

答えて

7

はあなたが購読メソッドに2番目のコールバックを渡す必要があります。このコールバックは、エラーが発生したときに実行されます。

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

ReferenceErrorが発生しています:handleErrorが定義されていません – Bas

+1

ハンドルエラー関数を定義する必要があります。ログをコンソール化したり、エラーで必要なことをやり遂げることができます。 – Bazinga

+0

私は学ぶことができる例がありますか? – Bas

4

あなたのコードに問題がない、URL自体は

+0

しかし、私のコンソールには何か赤いエラーが出ています;それは良くありません;) – Bas

+0

@Basこれはあなたに** 404 **を与えているURLです。これはあなたが探しているリソースが見つからないことを意味します。コードでこれを解決できない場合は、URLのサーバー担当者がこのURLにリソースを持っている必要があります – xameeramir

関連する問題