Axios 공식 홈페이지 따라하기

Axios 공식 홈페이지 따라하기 (2) - 기본 예제

vitamin3000 2025. 2. 5. 18:35

GET 요청 수행하기

const axios = require('axios');

// 지정된 ID를 가진 유저에 대한 요청
axios.get('/user?ID=12345')
	.then(function (response) {
    	// 성공 핸들링
        console.log(response);
    })
    .catch(function (error) {
    	// 에러 핸들링
        console.log(error);
    })
    .finally(function () {
    	//항상 실행되는 영역
    });
    
  // axios.get('/user?id=12345')는 다음과 같이 변경할 수 있다.
  axios.get('/user', {
  	params: {
    	ID: 12345
    }
    
  // 만약 async/await 사용을 원한다면, 함수 외부에 'async' 키워드를 추가하자
  async function getUser() {
  	try{
    	const response = await axios.get('/user?ID=12345');
        console.log(response);
    } catch (error){
    	console.error(error);
   	}
}

 

POST 요청 수행하기

axios.post('/user', {
	firstName: 'Fred',
    lastName: 'Flintsone'
   })
   .then(function (response) {
   		console.log(response);
   })
   .catch(function (error) {
   		console.error(error)
   })
   
 // 여러 동시에 POST 요청 생성
 
 function getUserAccount() {
 	return axios.get('/user/12345');
 }
 
 function getuserPermissions() {
 	return axios.get('/user/12345/permissions');
 }
 
 Promise.all([getUserAccount(), getUserPermissions()])
 	.then(function (results) {
    	const acct = results[0];
        const perm = results[1]
  });