[React] Axios - [GET, POST,PUT,DELETE] 기본 사용법

# Axios

• CSRF 보호기능 내장
• JSON 데이터 자동변환
• 응답시간 초과 커스터마이징 가능
• 요청 중단 가능
• Promise 기반 async/await 문법 가능

 

import axios from 'axios'

// GET : Fetch a list of data
axios.get(`url`)
    .then(function1)
    .catch(ErrorHandlingFunction)
    .finally(function2);

// POST : Create new data
axios.post(`url`, {json})
    .then(function1)
    .catch(ErrorHandlingFunction)
    .finally(function2);
    
    
// PUT : Update data
axios.put(`url`, {json})
    .then(function1)
    .catch(ErrorHandlingFunction)
    .finally(function2);


// DELETE : Delete data
axios.put(`url`)
    .then(function1)
    .catch(ErrorHandlingFunction)
    .finally(function2);
    
    
    
/* URL 구성방식 
/users [GET] # Fetch a list of users
/users [POST] # Create new user
/users/123 [PUT] # Update user
/users/123 [DELETE] # remove user
*/

 

 

 

# Reference

Axios를 사용하여 HTTP요청하기