vue 组件的封装之基于axios的ajax请求方法
如下所示：
importVuefrom'vue'
letservice={
url:'http://host.xxxxx.com/xxx.php'
}
service.ajaxReuqest=(url,options,type,fileFlag)=>{
for(constiinoptions){
if(!options[i]&&options[i]!==0&&(options[i].length&&options[i].length>0)){
deleteoptions[i]
}
}
letpromise=newPromise((resolve,reject)=>{
if(fileFlag){
Vue.axios.post(url,options,{
headers:{
'Content-Type':'multipart/form-data'
}
}).then((res)=>{
resolve(res)
})
}elseif(type==='GET'){
Vue.axios.get(url,{params:options}).then((res)=>{
resolve(res.data.resultObj)
}).then((err)=>{
reject(err)
})
}else{
Vue.axios.post(url,options).then((res)=>{
resolve(res)
}).then((err)=>{
reject(err)
})
}
})
returnpromise
}
支持POSTGET请求以及图片上传，基于axios，适用于vue,
以异步获取省份列表作为例子：
//获取省份信息
service.getProvinceList=(options)=>{
returnservice.ajaxRequest(service.url+'/basic/getProvinceList',options,'POST')
}
getProvinceList(){
service.getProvinceList({}).then((res)=>{
this.provinceList=res.data.resultObj.data
})
}
以上这篇vue组件的封装之基于axios的ajax请求方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。