今回の目的

axiosでエラーのときでも、エラーのレスポンスを表示できたら嬉しいですよね！ってことで紹介します。
知っている人も多いかもしれませんが、自分の知識の定着として書きます！

index.js

this.$axios.$post('postするときのURL')
.then((res)=>{
  console.log('RESPONSE',res)
})
.cacth((error)=>{
  console.log('ERROR',error)
})

こんな感じで書いていました。

こんな感じで400なので、フロントのミスということはわかりますが、具体的に何が悪いのか？が分かりにくいですよね。

index.js

this.$axios.$post('postするときのURL')
.then((res)=>{
  console.log('RESPONSE',res)
})
.cacth((error)=>{
  console.log('ERROR',error.response.data
)
})

すると、こんな感じで具体的なメッセージがきて分かりやすく、表示されてどうしたらいいのかが分かりやすくなりました！
これを知った時は、感動しましたww

最後に

自分みたいにエラー内容が分かりにくくて、苦しんでいる人が少なくなればと思います。