react에서 axios interceptor를 사용해서 header에 token 삽입하기

기존에는 JWT 인증을 위하여 accessToken을 request header에 직접 삽입해줘야 했다. 작업이 반복적이라 프론트의 작업 편의성을 위해 axios interceptor를 통해서 해결하기로 했다.

axios 요청을 서버에 보내기 전에 intercept하고 cookie에서 accessToken을 추출하고 이것을 reques header에 담아 요청을 보낸다. 기존에 import axios from 'axiou'를 사용하던 부분을 모두 import axiosInstacne from '위 파일 경로' 로 해주면 사용 가능해진다.