본문 바로가기
Q&A2022년 9월 5일1분 읽기

JavaScript fetch vs axios 비교

황
황다은
조회 639댓글 1

HTTP 요청을 보낼 때 fetch와 axios 중 뭘 써야 하나요?

댓글 1

김김영삼4년 전

fetch vs axios 비교:

fetchaxios설치브라우저 내장npm install 필요JSON 파싱수동 (.json())자동에러 처리4xx/5xx도 resolve4xx/5xx는 reject인터셉터없음있음취소AbortControllerCancelToken
// fetch
const res = await fetch("/api/users");
if (!res.ok) throw new Error("Failed");
const data = await res.json();

// axios
const { data } = await axios.get("/api/users");
// 에러는 자동으로 throw

추천: 간단한 요청은 fetch, 인터셉터/에러 처리가 중요하면 axios

Ctrl+Enter로 등록