인프런 커뮤니티 질문&답변

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

function loginUser(userData) {
  const instance = createInstance();
  return instance.post('login', userData);
}

export { loginUser };

      console.log('Request Interceptor:', config);  

<- 해당 부분이 안찍히다 로그인 함수에만 커스텀 인스턴스를 사용하니 찍히네요
영상이 대체로 ㅇ조금 그대로하면 안되는 경우들이 있는 것같습니다. 부분적인 업데이트는 필요한 것 같습니다

import store from '@/store/index'; // Vuex 스토어 가져오기

export function setInterCeptors(instance) {
  // Add a request interceptor 요청 인터셉터
  instance.interceptors.request.use(
    function(config) {
      // 요청 전 실행되는 부분
      // console.log('Request Interceptor:', config);
      config.headers.Authorization = store.state.token; // 토큰을 헤더에 추가

      console.log('Request Interceptor:', config);
      return config;
    },
    function(error) {
      return Promise.reject(error);
    },
  );

  // Add a response interceptor
  instance.interceptors.response.use(
    function(response) {
      // 응답 후 처리
      return response;
    },
    function(error) {
      return Promise.reject(error);
    },
  );
  return instance;
}