250x250
Notice
Recent Posts
Recent Comments
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

진스

인터셉터 axios interceptors 본문

Vue

인터셉터 axios interceptors

입방정 2021. 2. 14. 21:55
728x90

then이나catch로 처리되기 전에 요청이나 응답을 가로챌 수 있습니다.

// 요청 인터셉터 추가
axios.interceptors.request.use(
  function (config) {
    // 요청을 보내기 전에 수행할 일
    // ...
    return config;
  },
  function (error) {
    // 오류 요청을 보내기전 수행할 일
    // ...
    return Promise.reject(error);
  });
 
// 응답 인터셉터 추가
axios.interceptors.response.use(
  function (response) {
    // 응답 데이터를 가공
    // ...
    return response;
  },
  function (error) {
    // 오류 응답을 처리
    // ...
    return Promise.reject(error);
  });
cs

 

추후 인터셉터를 제거(Eject) 해야 할 수도 있습니다.

const myInterceptor = axios.interceptors.request.use(function () { /*...*/ });
axios.interceptors.request.eject(myInterceptor);
cs

 

사용자 정의 axios 인스턴스에 인터셉터를 추가 할 수 있습니다.

const instance = axios.create();
instance.interceptors.request.use(function () { /*...*/ });
cs
728x90
Comments