Axios Error code/status 처리하기

✔️ 필요성

axios Error code에 따라서 프론트엔드에서 다르게 처리하고 싶을 때가 있다.

 

 

 

 

✔️ 문제 확인

원래 코드는 아래와 같은데 API 리턴했을 때 에러 코드가 500이 나와도 그냥 지나갔으면 좋겠다

import axios from 'axios'

const axiosUtil = axios.create({
	baseURL: process.env.BASE_URL,
})

const result = await axiosUtil.get(`api-url`)

 

 

 

✔️ 문제 해결

status에 대한 function을 만들어서 validateStatus 옵션으로 지정해준다.

아래 코드는 error code가 600 미만일 때에는 그냥 넘어간다

import axios from 'axios'

const validCriteria = 600
const axiosUtil = axios.create({
	baseURL: process.env.BASE_URL,
})

const result = await axiosUtil.get(`api-url`, {
			validateStatus: function (status) {
				return status < validCriteria
			},
		})