설치 : npm i axios
한 api에서 여러 항목을 가져오는 경우 api.js파일을 하나 쓰는게 좋다. api 주소 앞부분은 동일하기 때문.
예) themoviedb에서 movie-인기/개봉/개봉예정..
Axios 장점: instance를 configure(설정) 할 수 있다. 그래서 baseurl/headers 등을 반복할 필요 없음.
You can create a new instance of axios with a custom config.
axios.create([config])
const instance = axios.create({
baseURL: 'https://some-domain.com/api/',
timeout: 1000,
headers: {'X-Custom-Header': 'foobar'}
});
예시!
import axios from "axios";
const api = axios.create({
baseURL: "https://api.themoviedb.org/3/",
params: {
api_key : "apiKey",
language : "en-US"
}
});
api.get("tv/popular");
이렇게 하면
https://api.themoviedb.org/3/tv/popular?api_key=99999999&language=en-US&page=1
으로 불러옴!