axios에서 일반적인 오류 처리 방법
3647 단어 TypeScriptVue.jsaxiostech
interceptors
Nuxt.js를 이용하여 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.error
return false
에 기재함으로써 이후의 오류 처리를 취소할 수 있습니다.아래의 isse를 참고하였습니다.
axios.interceptors.response.use(
response => response,
async error => {
switch (error.response?.status) {
case 404:
return false;
}
});
상태 코드가 404일 때 이후의 오류 처리를 하지 않는 데 사용할 수 있다.
Reference
이 문제에 관하여(axios에서 일반적인 오류 처리 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/aya_ryo/articles/d89d7be695d063텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)