진스
인터셉터 axios interceptors 본문
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
'Vue' 카테고리의 다른 글
VSCode에서 발생하는 Delete `␍` eslint (prettier/prettier) 해결방법 (0) | 2021.04.03 |
---|---|
vue 절대 경로 만들기 (0) | 2021.04.03 |
운영 빌드 시 console.log 제거하기. 덤으로 no-console 에러도 해결 (0) | 2021.03.26 |
test2 (0) | 2021.02.15 |
Vue cookie에 저장하여 로그인하기 (0) | 2021.02.15 |
Comments