vue 2.x 中axios 封装的get 和post方法
vue2.xaxios封装的get和post方法
importaxiosfrom'axios'
importqsfrom'qs'
exportclassHttpService{
Get(url,data){
returnnewPromise((resolve,reject)=>{
axios.get(url,{
params:data
}).then((res)=>{
if(res){
//成功回调
resolve(res);
}
}).catch((error)=>{
reject(error);
})
})
}
Post(url,data){
returnnewPromise((resolve,reject)=>{
axios.post(url,qs.stringify(data),{
headers:{
'Content-Type':'application/x-www-form-urlencoded',
'Accept':'application/json'
}
}).then((res)=>{
if(res){
//成功回调
resolve(res);
}
}).catch((error)=>{
reject(error);
})
})
}
｝
postfile方法
PostFlie(url,data){
returnnewPromise((resolve,reject)=>{
//根据data对象生成FormData对象
vartemp=newFormData();
for(vartindata){
temp.append(t,data[t]);
}
axios.post(url,temp).then((res)=>{
if(res){
resolve(res.Data);
}
}).catch((error)=>{
reject(error);
})
})
}
总结
以上所述是小编给大家介绍的vue2.x中axios封装的get和post方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。