vue.js에서 서버통신을 위한 방법을 알아보자.
React에서 서버통신을 위해서 fetch함수를 사용했었다면, vue에서 axious를 사용해보자. axios는 javascript용 플러그인으로 많이 사용하지만, Vue.js에서도 많이 사용된다.
둘다 return 값은 Promise객체 형태이다.
npm install --save axios
불러오기 : axios.get(url[, config])
입력하기 : axios.post(url[, data[, config]])
수정하기 : axios.patch(url[, data[, config]])
삭제하기 : axios.delete(url[, config])
import axios from "axios";
export default {
name: "MyComponent",
created() {
axios
.get("/mock/data.json")
.then(response => {
this.data = response.data;
console.log(response.data);
})
.catch(e => {
console.log(e);
});
},