[230602] axios 라이브러리

1. axios

• 공식사이트
• api 연동을 위해서 사용
• npm install axios 또는 yarn add axios 설치
• 기본 사용법

import axios from "axios";

// GET 요청
axios
  .get("/api/data")
  .then((response) => {
    // 성공적으로 응답을 받았을 때 처리
    console.log(response.data);
  })
  .catch((error) => {
    // 에러 발생 시 처리
    console.error(error);
  });

// POST 요청
axios
  .post("/api/data", { name: "John", age: 25 })
  .then((response) => {
    // 성공적으로 응답을 받았을 때 처리
    console.log(response.data);
  })
  .catch((error) => {
    // 에러 발생 시 처리
    console.error(error);
  });

• 나는 axios 커스텀을 해서 사용했다.
• baseURL 을 사용하면 도메인 길이를 줄여서 좋다.

import axios, { AxiosInstance } from "axios";

export const customAxios: AxiosInstance = axios.create({
  baseURL: "http://~~",

  headers: {
    "Access-Control-Allow-Origin": "*",
    Authorization: ("Bearer " + localStorage.getItem("token")) as string,
  },
});

export default customAxios;