Vue 前端api 封装修改版已出炉，去掉糟心的排版，增加 put 和 delete 方法，链接：https://www.jianshu.com/p/ebd4feba3833
一. 在src 目录下创建request 文件夹，然后在里面新建http.js和api.js文件，http.js 用于封装 axios，api.js用来统一管理我们的接口。
安装 npm i axios --save
在http.js 引入 import axios from 'axios'
设置环境和请求
环境 axios.defaults.baseURL ='http://xxx.xxx.xxx:xxxx/'; // 要请求的后台地址
请求超时 axios.defaults.timeout =30000;
post 请求头 axios.defaults.headers.post['Content-Type'] ='application/json';
接下来是get/post封装
/**
* get方法，对应get请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
export function get(url, params){
return new Promise((resolve, reject) =>{
axios.get(url, {
params: params
}).then(res => {
resolve(res.data)
}).catch(err => {
reject(err.data)
})
});
}
/**
* post方法，对应post请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
export function post(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params,).then(res => {
resolve(res.data)
}).catch(err => {
reject(err.data)
})
});
}
二，把接口统一写在api.js 中
三，页面调用
