vue系列文章（27）axios替换vue-resource

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

其余的部分都是按照类似的操作进行替换

如果上面文章对你有用，打赏下我吧@*@