axiosポストを使用してエラーボディをキャッチする

Question

エラーの説明を含むレスポンスボディを使用してバックエンドコードからステータスコード422を送信しています。私は、リクエストを投稿し、以下のようaxiosポストを使用しています：

post: function(url, reqBody) { 
    const request = axios({ 
     baseURL: config.apiUrl, 
     url: url, 
     headers: { 
      'Content-Type': 'application/json', 
      'Authorization': sessionStorage.getItem('token') 
     }, 
     method: 'POST', 
     data: reqBody, 
     responseType: 'json' 
    }); 
    return request 
     .then((res) => { 
      return res; 
     }) 
     .catch((error) => { 
      console.log(error); 
      return error; 
     }) 
} 

問題は、バックエンドがエラーコード422を返しているとき、私はキャッチしていますエラーオブジェクトがレスポンスボディに関する情報がありませんです。エラーテキストを取得する方法はありますか？

Answer 1

私はバックエンドから文字列を返していますが、応答タイプとしてjsonが必要です。だから私は適切にそれを処理するために斧のための文字列の代わりにオブジェクトを返す必要があります。

Answer 2

私はこの同じ問題を持っていた（Axios> = 0.13あたりなど）答えは、具体的error.response.dataをチェックすることです：

axios({ 
    ... 
}).then((response) => { 
    .... 
}).catch((error) => { 
    if(error.response){ 
     console.log(error.response.data); // => the response payload 
    } 
}); 

は詳細についてhereを参照してください。