[JavaScript] axios 통신 시 에러가 발생했을 때 상황에 따른 메시지 출력하는 방법


[JavaScript] axios 통신 시 에러가 발생했을 때 상황에 따른 메시지 출력하는 방법

오늘의집 클론코딩을 진행하면서 axios로 api 통신을 하면서 에러가 발생했을 때, 지금까지는 catch문 안에 console.log(e)로만 출력을 했었다. 그치만 에러가 발생하는 경우는 여러가지가 있다. 예를 들어, 상품에 대한 리뷰를 작성할 때는 상품을 구매하지 않았는데 리뷰를 작성하려 할 때, 또는 이미 리뷰를 작성한 상품에 대해 또 리뷰를 작성하려고 할 때 에러가 발생한다. 이렇게 상황에 따른 에러 메시지를 출력할 때는 아래와 같이 작성하면 된다. axios.post(~) .then(~) .catch((e) => { alert(e.response.data.message); //메시지를 지정해 준 경우 }


원문링크 : [JavaScript] axios 통신 시 에러가 발생했을 때 상황에 따른 메시지 출력하는 방법