baseURL, timeout, 공통 header를 한…
토큰 주입, 401 처리, 공통 로깅을 같은 위치에 둔다. · 서버 오류를 화면에서 읽을 수 있는 메시지로 바꾼다.
Axios 요청 경계 지도
컴포넌트는 데이터를 필요로 하지만, baseURL, header, timeout, 오류 형식은 요청 모듈에서 표준화하는 편이 읽기 쉽다.
loading
요청 중인 화면 상태만 관리한다. · data · 응답 body 중 렌더에 필요한 값만 둔다. · empty · 데이터가 없을 때의 표시를 분리한다.…
GET
params와 캐시 키를 같이 확인한다.
POST
body 구조와 제출 중복 방지를 점검한다.
Cancel
화면 이탈 시 오래된 응답을 무시한다.
핵심Axios 요청 경계 지도은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.