Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
vue2.0之后,就不再对vue-resource更新,而是推荐使用axios,基于promise的HTTP请求客户端,可同时在浏览器和Node.js中使用。
功能特性:
1、在浏览器中发送XMLHttpRequests请求。
2、在node.js中发送http请求。
3、支持Promise API
4、拦截请求和响应。
5、转换请求和响应数据
6、取消请求。
7、自动转换JSON数据
8、客户端支持保护安全免受CSRF/XSRF攻击。
安装axios
npm install axios --save
原先我们用vue-resource的地方是这样的:
created(){
this.$http.get("http://jsonplaceholder.typicode.com/posts/"+this.id).then(function (data) {
console.log(data);
this.blog = data.body;
})
}
改成axios的时候,是下面这样的。
在页面中引入axios
import axios from 'axios'
created(){
axios.get("http://jsonplaceholder.typicode.com/posts/"+this.id).then((data) => {
console.log(data);
this.blog = data.data;
})
}
其中then里面函数的部分换成了ES6语法的部分(data)=>箭头函数的支持,
data.body换成了data.data进行获取data
其余的部分都是按照类似的操作进行替换
如果上面文章对你有用,打赏下我吧@*@