인프런 커뮤니티 질문&답변

최종 컴포넌트에서 오류를 제어하길 원하신다면

우선 login 메소드의 try catch를 제거하는 것이 아니고 catch에서 다음과 throw를 이용해

오류를 다시 한번 넘겨주면 될 것 같습니다 .

const login = async(email, password) => {
		try {
      const options = {
        path: '/auth/login',
        data: {
          email: email,
          pwd: password,
        }
      }

      const result = await postApi(options)
      set(result)
      isRefresh.set(true)
      router.goto('/')
    }
    catch(error) {
      // alert('오류가 발생했습니다. 로그인을 다시시도해 주세요.')
      throw error
    }	
}

그리고 최종적으로 처리하길 원하는 위치에서 이 넘겨진 오류를 받아

원하는 액션을 주시면 될 것 같습니다.

이때 오류에 따른 처리의 경우 전달받은 error객체에서 message나 code 등 을 분석해

그에 맞는 동작을 하게 하는 함수를 만들어 처리하는 것도 좋을 것 같습니다.

참고로 디버그를 통해서 보면 서버로 부터 전달받는 error의 경우 다음과 같은 형태의 객체가됩니다.

AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …}