Vue&axios中get和post请求的简单封装
命令行安装相关:npm install --save axios vue-axios qs报错的话用淘宝镜像执行:cnpm install --save axios vue-axios qs代码:import axios from 'axios'import Qs from 'qs'Vue.prototype.baseUrl='http://kangjianyu.onlin...
·
命令行安装相关:
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)
})
实际项目中
更多推荐
已为社区贡献5条内容
所有评论(0)