axios에서 일반적인 오류 처리 방법

interceptors


Nuxt.js를 이용하여 axios의 공동 오류 처리를 하려고 합니다.
axios.interceptors를 사용하면 공동 처리를 쓸 수 있습니다.
https://github.com/axios/axios#interceptors
여러 곳에서 axios를 사용하여 공동으로 오류 처리를 하는 것이 가장 적합하다.
AxiosFactory.ts

axios.interceptors.response.use(
        response => response,
        async error => {
	  switch (error.response?.status) {
	    case 400:
	    case 401:
	    // ステータスコードに応じてエラー処理を実装
	      break;
	    default:
	      console.log();
	    }
	  });

axios에서 내부 오류 처리 취소

axios.interceptors.errorreturn false에 기재함으로써 이후의 오류 처리를 취소할 수 있습니다.
아래의 isse를 참고하였습니다.
https://github.com/axios/axios/issues/583
axios.interceptors.response.use(
        response => response,
        async error => {
	  switch (error.response?.status) {
	   case 404:
	    return false;
	}
      });
상태 코드가 404일 때 이후의 오류 처리를 하지 않는 데 사용할 수 있다.

좋은 웹페이지 즐겨찾기