为什么要学习axios
Axios非常适合前后端数据交互,在Vue1.x中,官方推荐使用的ajax库是vue-resource。到了Vue2.x,官方(尤大)推荐的ajax库改为了Axios,按照说法是因为已有一个更完备的轮子,就不需要造一个新的。
前言:
第一次使用axios请求后台数据,也是第一次使用后台接口,所以在学习axios的时候也闹出不少的错误。这里我是直接引入的axios包。
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
我这里写的是一个比较简单的案例(get请求),可参考:
<script>
var vm = new Vue({
el: "#app",
data: {
list: []
},
created() {
this.getList()
},
methods: {
getList() {
axios.get('http://www.barteam.cn:1234/ApiRoot/UserInfo/GetList')
.then((response) => {
this.list = response.data
console.log(this.list);
})
.catch(function (error) {
console.log(error);
});
}
},
})
</script>
其中在这块代码中,箭头函数刚开始忘了写,导致了代码出错。this的指向问题要处理好。
.then((response) => {
this.list = response.data
console.log(this.list);