axios封装

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

安装

npm install axios --save-dev

新建目录

在src目录下新建一个api文件夹，然后在里面新建一个axios.js和一个getData.js文件；axios.js文件用来封装我们的axios，getData.js用来统一管理我们的接口。

axios.js封装axios

import axios from "axios";
import { Message } from "iview";
let router = import("@/router");
 
axios.defaults.baseURL = "/api";
axios.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8";
axios.defaults.headers["X-Requested-With"] = "XMLHttpRequest";
axio