解决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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。