Axiosブロッカーでのtimeoutエラーの処理

タイムアウトの設定

// axios 인스턴스 생성
const instance = axios.create({
  baseURL: 'https://api.example.com',
	headers: {
		...
	},
	// 조건문 없이 모든 요청에 대해 일괄 적용하고 싶다면 인스턴스 생성 시 설정하면 됩니다.
	// timeout: 5000,
});

// request가 발생했을 때 실행될 interceptors를 추가
instance.interceptors.request.use(
		// config는 요청에 대한 정보가 담긴 객체입니다. 궁금하면 console로 찍어보세요.
    (config) => {
				// config.method를 조회하여 get 메서드일 때만 timeout을 설정합니다.
        if (config.method === 'get') {
            config.timeout = 12000;
        }
        return config;
    },
    (error) => {
        ...
    },
);

タイムアウトエラーの処理

// 응답 인터셉터 추가하기
axios.interceptors.response.use(function (response) {
    // 2xx 범위에 있는 상태 코드는 이 함수를 트리거 합니다.
    // 응답 데이터가 있는 작업 수행
    return response;
  }, function (error) {
    // 2xx 외의 범위에 있는 상태 코드는 이 함수를 트리거 합니다.
    // 응답 오류가 있는 작업 수행

		const code = error.code;
		const status = error.response?.status;

		// timeout이 발생한 경우와 서버에서 408 에러를 반환할 때를 동시에 처리하겠습니다.
		if (code === "ECONNABORTED" || status === 408) {
			alert("요청이 만료되었습니다.");
		}
    return Promise.reject(error);
  });

🗃 コメントドキュメント