Axios 공식 홈페이지 따라하기

Axios 공식 홈페이지 따라하기 (4) - 요청 Config

vitamin3000 2025. 2. 5. 19:13

 

이번 포스트에서는 이전의 get, post, put 등에 사용하는 config 옵션을 정리해보고자 한다.

1. url은 요청에 사용될 서버 URL 이다.

url: '/user'

2. method는 요청을 생성할 때 사용되는 메소드이다.

metoh: 'get' // 기본값

3. header는 사용자 지정 헤더이다

headers: {'X-Requested-With': 'XMLHttpRequest'},

4. params는 요청과 함께 전송되는 URL 파라미터이다.

// 반드시 일반 객체나 URLSearchParams 객체여야 한다.
참고로 null이나 undefined는 URL에 렌더링되지 않는다.

parmas: {
	ID: 12345
}

5. data는 요청 바디로 전송될 데이터이다

// PUT, POST, PATCH, DELETE 메소드에서만 적용 가능하다
// 브라우저 전용 - FormData, File, Blob
// Node 전용 - Stream, Buffer

data: {
	firstName: 'Fred'
}

6. validateStatus는 지정된 HTTP 응답 상태 코드에 대한 Promise를 이행할지 또는 거부할지 여부를 정의

// 만약 validateStatus가 true를 반환하면 Promise는 이행된다

validateStatus: function (status) {
	return status >= 200 && status < 300; // 기본 값
}

 

7. proxy는 프록시 서버의 호스트이름, 포트, 프로토콜을 정의한다

// 기존의 http_proxy와 https_proxy 환경 변수를 사용하여 프록시를 정의할 수도 있다
// false를 사용하면 proxy를 사용하지 않고 환경 변수를 무시한다
// 만약 프록시 서버가 HTTPS를 사용한다면, 프로토콜을 반드시 https로 설정해야한다

proxy: {
	protocol: 'https',
    host: '127.0.0.1',
    port: 9000,
    auth: {
    	username: 'mikeymike',
        password: 'rapunz3l'
    }
}