서버로 요청을 보내는것과 서버에서 받은 응답을 화면(컴포넌트)단에서 처리하기전에
추가로직을 넣을수 있는 API
인터셉터를통해 token을 실어보낼 수 있다.
// Add a request interceptor
axios.interceptors.request.use(function (config) {
// 요청보내기 전 코드
return config;
}, function (error) {
// 요청에러 처리
return Promise.reject(error);
});
// Add a response interceptor
axios.interceptors.response.use(function (response) {
// 응답을 받기 전에 처리
// Any status code that lie within the range of 2xx cause this function to trigger
// Do something with response data
return response;
}, function (error) {
// 응답에러 전처리
// Any status codes that falls outside the range of 2xx cause this function to trigger
// Do something with response error
return Promise.reject(error);
});
반응형
'UXUI Development > Vue.js' 카테고리의 다른 글
[Vue] vue.js slider librarys (0) | 2022.01.14 |
---|---|
[Vue] vuex - store actions속성을 이용한 로그인 기능 구현과 비동기 처리시 유의 점 (0) | 2022.01.07 |
[Vue] Vuex - 브라우저 저장소(웹스토리지)를 이용한 인증 값 관리 _ Cookie(쿠키) (0) | 2022.01.04 |
[Vue] Vuex - 새로고침시에도 브라우저 저장소로 인증 값 보존 (0) | 2022.01.04 |
[vuex] Vuex (Store) (0) | 2022.01.03 |
[Vue] dependencies / devDependencies 차이 (0) | 2022.01.03 |
[Vue] 컴포넌트 간 데이터전달 방법 3가지 - eventBus, Store(vuex) (0) | 2022.01.03 |
[vue-router] vue router (Programmatic Navigation), router.push (0) | 2021.12.29 |