一、axios的简介:
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:
- 从浏览器中创建 XMLHttpRequest
- 从 node.js 发出 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防止 CSRF/XSRF
二、axios的使用:
- 安装axios:
cnpm install axios
- 在main.js文件引入axios:
import Axios from 'axios'
- 将axios全局挂载到VUE原型上:
Vue.prototype.$http=Axios
- get方法发送请求
//方法一传递参数
this.$http.get('https://cnodejs.org/api/v1/topics',{
params: { //参数
page: this.page,
limit: this.limit,
},
}).then(res => { //请求成功后的处理函数
this.isLoading = false;
this.items = res.data.data;
console.log(this.items);
}).catch(err => { //请求失败后的处理函数
console.log(err)
})
//方法二传递参数
this.$http.get('https://cnodejs.org/api/v1/topics?page=1&limit=15')
- 注意请求成功后的处理使用了箭头函数,因此在该函数内的this指向的是vue实例,若使用普通函数则需要另外处理this。