Vue) axios

나 안해·2023년 3월 20일
0

vue

목록 보기
9/10
post-thumbnail

axios 설치

npm install axios 또는 yarn add axios 입력


서버에 요청

get 방식

서버에서 데이터를 받아올 때 사용

import axios from 'axios';

axios.get('서버URL').then( 결과 => {
  요청 성공시 실행할 코드~~
  console.log(결과);
}).catch( ()=>{
	실패시 실행 코드
})

.then()의 안에는 fuction(){} 콜백함수를 추가하는데 다시 {} 안에는 요청 성공시 실행할 코드가 들어간다

post 방식

서버로 원하는 데이터를 전송할 때 사용

import axios from 'axios';

axios.post('서버URL', '보낼데이터').then( 결과 => {
  POST요청 성공시 실행할 코드~~
}).catch( ()=>{
  실패시 실행할 코드
})

참고

0개의 댓글