[Front-end] 에러 메시지에 따른 조건부 처리 (err.message)

서버에서 클라이언트로 여러 유형의 에러 메시지를 보내게 됩니다. (500, 404, 401)

그 중 특정 에러를 별도로 처리해야 할 경우가 있습니다.

 

저는 인증과 관련된 401 에러가 발생했을 경우, 기존 토큰을 삭제하는 코드를 실행시키고자 했습니다.

err객체 내의 message 프로퍼티를 활용하여 이를 해결했습니다. (err.message)

 

axios.post(`${process.env.REACT_APP_SERVER_API}/api`, {
      token: token
    })
    .then(res => {
      setIsOpened(false)
    })
    .catch(err=>{
      if (err.message = "Request failed with status code 401") {
        dispatch(deleteToken())
      } else {
        alert('서버에 일시적인 오류가 있습니다.')
      }
    })