axios

axios

자바스크립트 비동기 통신 HTTP 클라이언트 라이브러리이다.

기능

• 브라우저, Node.js에서 사용 가능
• Promise 기반
• 요청/응답 차단
• 취소 요청
• JSON 데이터 자동 변환

설치

$ npm install axios

react에서 사용

import axios from 'axios';

---

HTTP Methods

axios.get(url[, config])            // GET
axios.post(url[, data[, config]])   // POST
axios.put(url[, data[, config]])    // PUT
axios.patch(url[, data[, config]])  // PATCH
axios.delete(url[, config])         // DELETE

axios.request(config)
axios.head(url[, config])
axios.options(url[, config])

GET

• 기본 형태

axios.get(url, [,config])

• await/async

const getData = async () => {
  try {
    const response = await axios.get('https://주소');
    console.log(response);
  } catch (e) {
    console.log(e);
  }
}

• promise

const getData = () => {
  axios.get("https://주소")
    .then(response => {
      console.log(response);
    })
    .catch(e => {
       console.log(e);
    });
}

• 매개 변수 포함

axios.get('https://test.com/?foo=bar');

// params 옵션으로 추가
axios.get('https://test.com/', {
  params: {
    foo: 'bar'
  }
});

POST

• 기본 형태

axios.post(url, {data object}, [,config])

• 매개 변수 포함

axios.post('https://test.com');

// params 옵션으로 추가
axios.post('https://test.com/', {
  params: {
    foo: 'bar'
  }
});

참조

https://xn--xy1bk56a.run/axios/