JS | axios interceptors

axios의 interceptors는 then혹은 catch전에 실행된다.

request는 요청 전에, response는 응답 전에 (정확히는 요청/응답 후 then실행 전)

출처: https://github.com/axios/axios#interceptors

 

사용

catch전에 error가 401(UNAUTHORIZED)일 경우에 대해 핸들링해줬다.

저 http는 action전체에서 사용하고 있기 때문에, 모든 action에서 사용하는 axios요청들은 저 interceptors를 거치게 된다.

const http = axios.create({
  baseURL: SERVER_URL,
});

http.interceptors.response.use(
  (res) => {
    return res;
  },
  (e) => {
    if (e.response.status === 401) {
	// status가 401일 경우 핸들링 처리
    } else {
      return e;
    }
  }
);