interceptor

사용이유

• axios 요청할때마다 겹치는 url 이 있을때 기본 url로 설정하고싶다.
• axios 사용할때마다 매번 헤더를 넣고싶지 않다.
• 에러도 한 번에 처리할 수 있다 → 요청할때, 응답을 받을때 인터셉터 (중간에 가로챔)를 사용하여 공통처리가 가능

정의

then,catch 처리 직전에 요청이나 응답을 가로채는 것

구성

1. 인스턴스 2. request설정 3. response 설정

주 활용

• axios 요청할때마다 겹치는 url 이 있을때 기본 url로 설정하고싶다.
• axios 사용할때마다 매번 헤더를 넣고싶지 않다.
• 에러도 한 번에 처리할 수 있다
  → 요청할때, 응답을 받을때 인터셉터 (중간에 가로챔)를 사용하여 공통처리가 가능

내 생각 흐름
1. 인터셉터 처리를 한 모듈을 api로 import
2. api를 사용하는 곳에서 요청이 있을때 accessToken 을 넣어서 확인함
3. accessToken이 유효하지 않으면 더 오래가는 refreshToken으로 새로운 accessToken 발급

다른 생각 흐름
코드를 분리(기능별)해 놓은것 - 모듈
axios interceptor - 요청이나 응답 중간에 할 작업을 정의할 수 있다 (인증, 데이터 가공)
우리 코드에는 그 중에서 인증을 구현함 - access token 재발급 (유효기간이 긴 refresh token 을 사용하여 검증)