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 객체를 인자로 넘겨주면 된다 :)
'HTML&CSS&Javascript 📚 > TS' 카테고리의 다른 글
[Typescript] 타입 명시(Type Annotation) / 타입 추론(Type Inference) / 타입 표명(Type Assertion) 이란 ? (0) | 2023.08.13 |
---|---|
[Typescript] 타입스크립트 Type 정리 (0) | 2023.08.13 |
[Typescript] 열거형(enum) 타입에 관하여 (0) | 2023.02.24 |
[Typescript] 타입스크립트란 ? (0) | 2023.02.16 |