typescript로 axios config 설정하기

통신모듈로 axios를 사용할 때 baseURL이나 interceptor, headers 등 공통으로 설정을 적용하고 싶은 경우 config를 적용한 instance를 반환받아 사용할 수 있다.

config 설정하기

import axios, { AxiosRequestConfig } from 'axios';

const axiosConfig: AxiosRequestConfig = {
  baseURL: 'BASE_URL'
}
const client = axios.create(axiosConfig);  // client: AxiosInstance

axios.create로 인스턴스를 생성할 때 AxiosRequestConfig 타입을 가지는 config 객체를 인자로 넘겨준다.

사용방법은 다음과 같다

const response = await client.get('/user');
const response = await client.post('/user/add', { id: 'mo', name: 'mocci' });