axios 인스턴스 만들어 사용하기

2022. 12. 21. 21:01프로그래밍/React

    목차

src/api/axios.js 파일 생성

axios 인스턴스 생성 후 export

import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://[API 주소]',
  params: {
    api_key: '[API 키]',
    language: 'ko-KR',
  },
});

export default instance;

 

src/api/requests.js 파일 생성 (예: 영화 검색)

객체에 경로 저장 후 export

const requests = {
  fetchNowPlaying: 'movie/now_playing',
  fetchTrending: '/trending/all/week',
  fetchTopRated: '/movie/top_rated',
  fetchActionMovies: '/discover/movie?with_genres=28',
  fetchComedyMovies: '/discover/movie?with_genres=35',
  fetchHorrorMovies: '/discover/movie?with_genres=27',
  fetchRomanceMovies: '/discover/movie?with_genres=10749',
  fetchDocumentaries: '/discover/movie?with_genres=99',
};

export default requests;

 

투비컨티뉴드