HTML&CSS&Javascript/TS

[Typescript] Axios config 설정하기

킹우현 2023. 3. 11. 19:46

import axios, { AxiosRequestConfig } from 'axios';

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

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

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

 

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