96. (Http/axios) [간단 소스] 액시오스 사용해 Http 요청 및 catch 에러 발생 핸들링 처리 수행 - error response , request

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 기술 : Axios

 

---

[소스 코드]

 

// --------------------------------------------------------------------------------------
[개발 및 테스트 환경]
// --------------------------------------------------------------------------------------

- 언어 : JavaScript

- 개발 툴 : Edit ++

- 구분 : HTTP / API

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[소스 코드]
// --------------------------------------------------------------------------------------

    <!-- ================================================== -->
    <!-- [CDN 주소 설정] -->
    <!-- ================================================== -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- ================================================== -->






    <!-- ================================================== -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ================================================== -->

    axios.get('https://example.com/profile/user')

        .catch(function (error) { // [catch 에러 발생 핸들링 처리]

            if (error.response) { // [요청이 전송되었고, 서버는 2xx 외의 상태 코드로 응답했습니다]
                
                console.log(error.response.data);
                console.log(error.response.status);
                console.log(error.response.headers);

            } else if (error.request) { // [요청이 전송되었지만, 응답이 수신되지 않았습니다]

                console.log(error.request);

            } else { // [기타 에러 처리 수행]

                console.log('Error', error.message);

            }

      });
    
// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

https://axios-http.com/kr/docs/intro

// --------------------------------------------------------------------------------------

---