[general] ⭐️ Axios
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(상대경로)로 할 것!!
- post 요청시 간편하다. fetch는 body안에 보내야하지만 axios는 그냥 보낸다.
axios.post(`URL`, {data}, {config})
Author And Source
이 문제에 관하여([general] ⭐️ Axios), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kenatman/general-Axios저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)