ㅇㅇㅈ Blog

프론트엔드 수행중

0%

2022-07-02_TIL

axios

axios 라이브러리에는 많은 기능이 들어있는거 같다..
그 동안 정말 axios로 요청만 날리고 있었다

axios.create()를 통해 baseURL, header 등을 설정해 놓을 수 있다

1
2
3
4
5
6
7
import axios from "axios";

const clientServer = axios.create({
baseURL: process.env.SERVER,
});

export default clientServer;

사용 할 때는 axios도 임폴트가 필요 없다
clientServer만 임폴트 해주면 된다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import clientServer from "./baseUrl";

const getMasterData = async () => {
try {
const response = await clientServer({
url: "/master",
});
if (response.status === 200) {
const data = await response.data;
console.log(data);
return data;
}
} catch (e) {
console.log(e);
}
};

header에 토큰 값도 미리 설정 해 놓을 수 도 있다