axios timeout

Question

axios를 create할때 timeout값을

1초(1000)에서 10초(10000)로

변경했습니다.

api 서버를 종료하고 테스트 해보니

10초가 안먹는거 같네요.

다른 값으로 입력해도 거의 항상 2초만에

network error가 뜹니다.

왜 그런걸까요?

import axios from 'axios';

function create(baseURL) {
  const instance = axios.create({
    baseURL,
    timeout: 10000,
    headers: { 'X-Custom-Header': 'foobar' },
  });
  return instance;
}

억새 · Answer

안녕하세요.

api 서버를 꺼버리고 테스트 했을때도

timeout 시간동안 계속 시도하는걸로 이해했는데

그게 아니었네요.

api 서버에서 의도적으로 11초의 delay를 주니

정상적인 timeout error가 발생한것을 확인했습니다.

빠르고 정확한 답변에 감사드립니다.

억새 · Answer

안녕하세요. console로 찍어보니 아래와 같습니다.   AxiosError { message : 'Network Error' , name : 'AxiosError' , code : 'ERR_NETWORK' , config : {…}, request : XMLHttpRequest, …} code : "ERR_NETWORK" config : adapter : (3)  [ 'xhr' , 'http' , 'fetch' ] allowAbsoluteUrls : true baseURL : " http://localhost:58824/api/post " data : undefined env : { FormData : ƒ , Blob : ƒ } headers : AxiosHeaders  { Accept : 'application/json, text/plain, / ' , Content-Type : undefined , X-Custom-Header : 'foobar' } maxBodyLength : -1 maxContentLength : -1 method : "get" timeout : 10000 transformRequest : [ ƒ ] transformResponse : [ ƒ ] transitional : { silentJSONParsing : true , forcedJSONParsing : true , clarifyTimeoutError : false } url : "?group=1&page=1" validateStatus : ƒ validateStatus(status) xsrfCookieName : "XSRF-TOKEN" xsrfHeaderName : "X-XSRF-TOKEN" [[Prototype]] : Object message : "Network Error" name : "AxiosError" request : XMLHttpRequest  { onreadystatechange : null , readyState : 4 , timeout : 10000 , withCredentials : false , upload : XMLHttpRequestUpload, …} stack : "AxiosError: Network Error
 at XMLHttpRequest.handleError ( http://localhost:3000/node_modules/.vite/deps/axios.js?v=597761da:1542:14)
 at Axios.request ( http://localhost:3000/node_modules/.vite/deps/axios.js?v=597761da:2062:41)
 at async fetchPosts ( http://localhost:3000/src/components/PostListComponent.vue?t=1745193941392:39:22 )" [[Prototype]] : Error

짐코딩 · Answer

어떤 응답(에러 메시지)이 왔는지 확인할 수 있을까요~?

인프런 커뮤니티 질문&답변

axios timeout