내일배움캠프 동영상 강의/내배캠_React 심화

axios (interceptor, Custom Instance, interceptors)

콛 다이어리 2024. 10. 30. 22:38

Interceptor:

1. 요청 및 응답 시 필요한 작업을

한 번에 처리할 수 있음

2. 요청 헤더 추가

3. 인증 관리

4. 로그 관련 로직 삽입

5. 에러 핸들링

 

Custom Instance 만들기

1. baseURL을 설정하여 서버 주소가 변경돼도

한 곳에서 수정하면 모든 요청에 반영되도록

할 수 있음

 

Interceptor의 필요성

1. HTTP 요청과 응답을 가로채서

특정 작업을 수행할 수 있게 함

2. 모든 요청에 공통적인 헤더를 추가할 수 있음

3. 응답에 대한 공통적인 에러 처리 가능

 

Interceptor가 흐름을 가로채는 상황

1. 요청(request)이 전송되기 전

2. 요청 또는 요청을 보내기 전

3. 요청이 출발하기 전

4. 응답(response)의 then또는 catch가 처리되기 전

'내일배움캠프 동영상 강의 > 내배캠_React 심화' 카테고리의 다른 글

axios (DELETE, PATCH, PUT)  (0) 2024.10.30
axios (GET, POST)  (1) 2024.10.30
json server  (0) 2024.10.30
HTTP  (4) 2024.10.30
promise all, async / await  (0) 2024.10.30