- ajax라이브러리
- 비동기통신시에 사용할수 있는 라이브러리
- npm install axios : 설치 필요
-
import axios from 'axios' axios.get('데이터 요청 할 url') .then(res => { // 요청 성공시 실행할 코드 // res 서버에서 보내준 데이터가 담겨있음 }) .catch(e => { // 요청 실패시 실행할 코드 // error코드가 담겨있음 })
- api통신시에 get, post, put, delete를 사용한다
- get : 데이터 요청(DB에서 select)
- post : 데이터 입력 요청(DB에서 insert)
- put : 데이터 수정 요청(DB에서 update)
- delete : 데이터 삭제 요청(DB에서 delete)
- 서버에 요청을 하면서 데이터를 보낼때
-
axios.post('url', data) .then() ...
- data부분에 서버에 요청과함께 데이터를 보낼 수 있다.
-
'Front-end > Vue.js' 카테고리의 다른 글
LocalStorage, token (0) | 2021.11.06 |
---|---|
9. 컴포넌트간 데이터 전송 (0) | 2021.11.04 |
7. vue router - 3 (0) | 2021.11.04 |
6. vue router - 2 (0) | 2021.11.04 |
5. vue router - 1 (0) | 2021.11.04 |