Angular 2の解析エラーボディ

Question

APIが返すエラーボディを解析するにはどうすればよいか質問したいと思います。

これは、APIの戻りの画像です：

ここに私のコードです：

login(username,password){ 
     let headers = new Headers(); 
     headers.append('Content-Type','application/json'); 

     return this.http.post(this.configEnvironment.url() + "oauth/access_token", 
      JSON.stringify(
       { 
        username: username, 
        password: password, 
        grant_type: "password", 
        client_id: "xxxxxxx", 
        client_secret: "xxxxxxxx" 
       } 
      ), 
      { headers } 
     ) 
     .map(res => res.json()) 
     .catch((err:any) =>{ 
      console.log(err); 
      return Observable.throw(new Error(err)); 
     }); 

    } 

私はこの使用してURL、ステータス、STATUSTEXTとなどにアクセスすることができます。

err.status,err,url,error.statusText 

を

私の問題は、エラーボディの値を取得できないということです。

Answer 1

catchには実際にResponseが届いています。あなたはjson()

import { Response } from "@angular/http"; 
... 
.catch((err:Response) =>{ 
      let details = err.json().error; 
      console.log(details); 
      return Observable.throw(new Error(details)); 
     }); 

ノートとその詳細情報にアクセスすることができます。この答えは、@angular/httpライブラリについてです。 Angular 5以降、このライブラリは推奨されなくなりました。@angular/common/http