解决vue axios的封装 请求状态的错误提示问题
如下所示:
/** *axios配置,输出为vue组建 **/ importaxiosfrom'axios'; importqsfrom'qs' importCookiesJSfrom'js-cookie' importrouterfrom'../router' //httprequest拦截器 axios.interceptors.request.use( config=>{ config.headers={ 'Content-Type':'application/x-www-form-urlencoded' }; //在post请求发送出去之前,对其进行编码 if(config.method==='post'){ config.data=qs.stringify(config.data); } returnconfig; }, err=>{ returnPromise.reject(err); }); //httpresponse拦截器 axios.interceptors.response.use( response=>{ returnresponse; }, error=>{ if(error.response){ console.log("请求错误"); console.log(error.response.status); switch(error.response.status){ case401: //store.dispatch('logout'); console.log("401"); break; case404: router.push('/Error/Error404'); break; case500: router.push('/Error/Error500'); } } returnPromise.reject(error);//返回接口返回的错误信息 }); exportdefaultaxios; ---------------------
以上这篇解决vueaxios的封装请求状态的错误提示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。