mouse-scroll

2021년 03월 09일

axios timeout 설정

axios은 기본적으로 api timeout이 설정되어 있지 않다.
따라서 API를 호출하면 서버에서 응답 주기 전까지는 계속 연결되어 았다.

axios timeout 설정하기

axios를 생성하여 timeout을 옵션으로 추가하고 해당 인스턴스로 api를 호출하도록 작업을 진행한다.

const instance = axios.create({
  timeout: 30000,
});

export const baseApi = (method, url, params) => {
  return instance
    .request({
      method,
      url,
      data: params,
    })
    .then(axiosResponseToData)
    .catch(axiosErrorResToData);
};

기존에 ts로 작성되어 있던 부분들인데, 불필요해 보여 제거 후 함수만 등록하였다.

이런 글은 어떠신가요?