반응형
내가 보기 위한 axios 에러 정리
새롭게 작업 들어갈 때 에러문이 필요할 때 가져다 쓰기 위한 정리
const url = "https://jsonplaceholder.typicode.com/todos";
// axios 요청 로직
axios
.get(url)
.then((response) => console.log(response.data))
.catch((err) => {
// 오류 객체 내의 response가 존재한다 = 서버가 오류 응답을 주었다
if (err.response) {
const { status, config } = err.response;
// 없는 페이지
if (status === 404) {
console.log(`${config.url} not found`);
}
// 서버 오류
if (status === 500) {
console.log("Server error");
}
// 요청이 이루어졌으나 서버에서 응답이 없었을 경우
} else if (err.request) {
console.log("Error", err.message);
// 그 외 다른 에러
} else {
console.log("Error", err.message);
}
});
반응형
'React' 카테고리의 다른 글
[React] useState 배열의 객체 수정 (0) | 2023.12.28 |
---|---|
[React] useState 입력 값을 이용하여 배열 렌더링 (0) | 2023.12.27 |
[React] React Hooks - useEffect (0) | 2023.11.08 |
[React] React Hooks - useState (0) | 2023.11.03 |
[React] node 버전 변경하기 (windows) - yarn 실행하기 (1) | 2023.11.01 |