[axios] - interceptors

axios interceptors 는 then이나 catch로 처리되기 전에 요청이나 응답을 가로 챌 수 있다고 공식 문서에 나와 있다.

 

https://yamoo9.github.io/axios/guide/interceptors.html

인터셉터 | Axios 러닝 가이드

 

더 풀어서 설명하자면 요청하기 직전 응답을 받고 then, catch 로 처리 직전에 가로챌 수 있다는 이야기이다

 

예제를 살펴보자

 

 

 

interceptors.request.use

 

interceptors.request.use는 request 설정인데 2개의 콜백함수를 받는다

 

첫번째 콜백함수는 요청 성공 직전 호출된다 위 예제에서는 axios 설정 값을 넣었는데 사용자 정의 설정도 추가 가능하다 두번째 콜백함수는 요청 에러직전 호출된다.

I

 

interceptors.response.use

 

intercepotors.response.use는 response 설정인데 request와 동일하게 2개의 콜백함수를 받는다 특징이라면 첫번째 콜백함수는 http status가 200인 경우에 응답 성공 직전 호출되고 then으로 이어진다 두번째 콜백함수는 http status가 200이 아닌 경우 응답 에러를 직접 호출되고 catch로 이어진다.

 

\

 

 

 

위에서 추가적으로 사용자 설정을 넣을 수 있다 했는데 이런식으로 사용자 설정 config을 설정할 수 있다. 참고해보자