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