[general] ⭐️ Axios

801 단어 generalgeneral

Axios 란 ? 데이터 통신 라이브러리.. fetch는 설치없이 브라우저에서 제공하지만 axios는 라이브러리를 설치해야함. 하지만 엄청난 장점이 있음.

기본적 장점 : get요청시 axios는 json변환이 자동으로 된다.
fetch는 따로 json변환해야함...

but, axios 사용시 data라는 객체안에 정보가 담기므로(<1> get으로 받아올 때나 <2> post요청 응답시 ) 비구조화할당을 써서 const {data} = axios.get or post("url") 이런식으로 사용한다...

장점.
1. 인스턴스를 설정할 수 있다.

cosnt api = axios.create({
  baseURL: `https://youtube.googleapis.com/youtube/v3`,
  params: { key: process.env.REACT_APP_API_KEY },
});

사용시.
api.get(`search`, {params:{part:`snippet`}}
** 주의할점은 /search(절대경로)가 아닌 search(상대경로)로 할 것!!
  1. post 요청시 간편하다. fetch는 body안에 보내야하지만 axios는 그냥 보낸다.
axios.post(`URL`, {data}, {config})

좋은 웹페이지 즐겨찾기