Vue&axios中get和post请求的简单封装

命令行安装相关：

npm install --save axios vue-axios qs

报错的话用淘宝镜像执行：
(淘宝镜像安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org)

 cnpm install --save axios vue-axios qs

代码：
在main.js中添加如下

import axios from 'axios'
import Qs from 'qs'

Vue.prototype.baseUrl='http://weianl.com/';
Vue.prototype.$get=function(api,data){  
  if (data === undefined) {
      data = {};
  }
  var ox = axios.get(this.baseUrl+api,{params:data});
	return ox;
}
Vue.prototype.$post=function(api,data){
  data = Qs.stringify(data);
  var ox = axios.post(this.baseUrl+api,data);
  return ox;
}

实际项目中

使用相关
然后全部页面都可$符直接使用了
(括号的第一个传地址，第二个参数花括号里传请求参数)

this.$get('',{}).then(res =>{
  console.log(res)
})
this.$post('', {}).then(res => {
  console.log(res)
})

实际项目中