요청 모듈에서 고정할 것
instance
baseURL, timeout, 공통 header를 한 번에 묶는다.
interceptor
토큰 주입, 401 처리, 공통 로깅을 같은 위치에 둔다.
error map
서버 오류를 화면에서 읽을 수 있는 메시지로 바꾼다.
HTTP Client
Axios는 요청 설정과 응답 처리를 한 경계로 모으는 도구다
컴포넌트는 데이터를 필요로 하지만, baseURL, header, timeout, 오류 형식은 요청 모듈에서 표준화하는 편이 읽기 쉽다.
컴포넌트에서 읽을 것
loading
요청 중인 화면 상태만 관리한다.
data
응답 body 중 렌더에 필요한 값만 둔다.
empty
데이터가 없을 때의 표시를 분리한다.
error
재시도와 사용자 메시지를 보여준다.
GET
params와 캐시 키를 같이 확인한다.
POST
body 구조와 제출 중복 방지를 점검한다.
Cancel
화면 이탈 시 오래된 응답을 무시한다.