HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
💻
이세희팀
/
🚀
팀프로젝트 : Styled
/
📜
회의록
/
🔥
20230117 최종 발표 준비 리스트업
/
공용 API 함수 작성

공용 API 함수 작성

 
API 명세서 상 사용자는 일반 사용자와 인증된 사용자로 나뉩니다.
인증된 사용자는 로그인한 사용자를 의미하며, 인증된 사용자만이 사용할 수 있는 기능을 수행하는 API 함수는 반드시 헤더에 발급 받은 토큰을 넣어서 호출해야 합니다.
그렇기 때문에 axios 인스턴스를 2개 만들어, 토큰이 필요한 API의 경우 interceptor을 이용해 헤더에 토큰을 넣어 통신하도록 만들었습니다.
 
 
const axiosRequestConfig = { baseURL: import.meta.env.VITE_API_END_POINT, timeout: NETWORK.TIMEOUT, }; export const axiosCommonInstance = axios.create(axiosRequestConfig); // 일반 사용자 export const axiosAuthInstance = axios.create(axiosRequestConfig); // 인증된 사용자 //인증이 필요한 API 함수는 인터셉터가 중간에 가로채 헤더에 토큰을 넣어준다. axiosAuthInstance.interceptors.request.use(setAuthorization, (error) => { console.error(error); return Promise.reject(error); });