모든 HTTP 작업에 대한 체크포인트라고 할 수 있다. 이루어진 모든 API 호출은 이 인터셉터를 통해 전달

요약

middleware라고 생각하면 편하다

반복되는 api로직을 줄일 수 있다.

실제 api 요청(응답) 전에 검증 및 분석 로직으로 사용 가능하다.

원하는 instance마다 interceptor를 별도로 추가할 수 있다. (유저 api 전용 interceptor 만들기 가능)

기본 세팅

많은 튜토리얼에서 위와 같은 코드만 보여주지만 어떤 상황에서 사용해야하는지 구체적인 사례는 찾기 어렵다.

어떻게 활용되고 있는지 확인해보자.

실제 api요청을 보내기 전에 interceptor 부분에서 credentials이 유효한지 확인할 수 있다. (refresh token 로직)
모든 request마다 token을 붙혀야 한다면 (쿠키를 사용하지 않는 상황에서) axios의 모든 로직에 utils함수를 따로 만들기보다 interceptor를 활용하면 문제를 해결할 수 있다.

예를 들어,