[Axios] Interceptor로 요청과 응답 전처리하기

Interceptor

인터셉터는 요청과 응답을 보내고 받기 전 특정한 작업을 할 수 있도록 만들어준다.

axios.interceptors.response.use(response =>{
  //response에 대한 특정 전처리 작업
  //아래는 예시 코드
  const apiSeqId = numberFromResponse(response);
  delete NetworkError[apiSqeId]
  
  return response;
}),
  async error =>{
  //에러가 있는 작업도 전처리가 가능하다
  if(error.code === "404"){
    //404에러에 대한 전처리작업
  });

request도 같은 방법으로 진행된다.

사용예시

특정 API요청에 대해 일정 횟수 이상 실패할 때까지 API재요청

(위에 코드에서는 에러 발생 횟수를 기록하는 NetworkError라는 객체를 만들어 에러가 발생할 때마다 객체값을 1씩 증가시켰다)