2021-12-14 (Vue.js - axios)

1. axios 란?

• Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리
• HTTP 클라이언트 라이브러리 중 하나
• vue에서 공식적으로 권장하는 클라리어은트 라이브러리
• Promise를 기반의 자바스크립트 비동기 처리 방식을 사용
• JSON 데이터 자동변환이 가능

2. axios 설치

npm install --save axios

main.js

- 아래의 코드 추가

import axios from 'axios' // axios를 import

Vue.prototype.$axios = axios // 다른 컴포넌트에서는 import 없이 this.$axios로 사용가능

3. axios 사용법

- axios는 REST을 별칭을 이용해서 쉽게 통신

axios.get(url[, config])                    - get의 경우(불러오기)
axios.post(url[, data[, config]])           - post의 경우(입력하기)
axios.patch(url[, data[, config]])          - patch의 경우(수정하기)
axios.delete(url[, config])                 - delete의 경우(삭제하기)

좀 더 자세한 Axios 문법은 아래의 사이트를 참고

https://hj-tilblog.tistory.com/59

Vue와 Axios를 활용한 서버통신

참고사이트

https://hj-tilblog.tistory.com/59

https://developerjournal.tistory.com/8