[TIL - axios interceptor]

..·2023년 5월 1일
0

TIL

목록 보기
20/22
post-thumbnail

axios interceptor

get, post, delete 등 axios를 활용하여 http 통신을 하는 방법을 배웠는데

만약 호출하는 부분이 리액트 앱에 300개 정도 존재한다고 가정했을 때

어떠한 이유때문에 호출하는 서버가 변경되었다면 300군데를 모두 찾아서 변경해야한다.

→ 인적 리소스 낭비

interceptor는두가지 상황에서 흐름을 가로채서 어떠한 코드 상의 관여를 할 수 있게 한다.

  1. 요청(request)이 처리되기 전(=http request가 서버에 전달되기 전)
  2. 응답(response)의 성공(then) 또는 실패(catch)가 처리되기 전

위에서 가정했던 상황을 포함한 요청 및 응답시에 필요한작업들을 한번에 처리할 수 있다.

  • 요청 헤더 추가
  • 인증 관리
  • 로그 관련 로직 삽입
  • 에러 핸들링

0개의 댓글