読む方法バックエンドからの角度4/2のカスタムエラーメッセージ

Question

API 

add(data) { 
return this.httpClient.post<any>('/api/v3/templates', data); 
} 

Observable 

this.templateService.add(obj) 

.subscribe(
(response) => { 
    console.log(reposne) 
}, 
(error) => { 
console.log(error) 
} 
); 

My Post APIは、名前が既に存在するため、一部のメッセージでエラーが返されますが、エラーが発生しました。コンソール

The object which is printed is 
{ 
    error:null 
    headers:HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, 
    lazyInit: ƒ} 
    message:"Http failure response for http://localhost/api/v3/templates: 
400 Bad Request" 
    name:"HttpErrorResponse" 
    ok:false 
    status:400 
    statusText:"Bad Request" 
    url:"http://localhost/api/v3/templates" 

}

は、どのように私はそのレスポンスボディを持っていない私のエラー オブジェクトとして対応して取得していたメッセージを取得することができます。

Answer 1

3つのオプションがあります。

• 次 - あなたが購読メソッドに渡された。その次の関数 - データ
• エラーを手に入れるために加入。これには、エラーステータスコードと、接続エラー、不良リクエストのようなほとんどのHTTPエラーが含まれています。
• 最後に、どのようにすべての後に実行します。

他の人があまりにもマップのような、デバウンスなどがある

this.templateService.add(obj) 
    .subscribe(
     (response) => { // this is the next and hold the response 
     console.log(response) 
     }, 
     (error) => { // this is the error 
     console.log(error) 
     }, 
     (finall) => { // this is final and execute alwasys 
     console.log('this is the final piece of code to execute') 
     } 
    ); 

私はあなた、あなたの場合は、エラーがHTTP標準に来ていない可能性があり、サブスクライブで来るかもしれないと思います。

カスタマイズされたメッセージがエラーとしてではなく次に来るかどうかを確認してください。