axios的封装和api接口的统一管理

axios的封装和api接口的统一管理

主要目的就是在帮助我们简化代码和利于后期的更新维护。
一、axios的封装
在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。

// 安装axios

npm install axios;

在项目的src目录中，
新建一个request文件夹，
然后在里面新建一个http.js和一个api.js文件。

http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。

// 在http.js中引入axios
import axios from 'axios'; // 引入axios
import