您的位置:首页 > 理论基础 > 计算机网络

vue 移动端今天写了一个根据后台传过来的http状态码,来实现跳转error页面

2017-11-24 08:58 686 查看
首先是现在main.js里面进行配置

Vue.prototype.$onError = function (error) {
var error_msg = '网络错误';
var toastFlag = true;
switch (error.errorCode) {
case 401:
error_msg = '请先登录';
break;
case 500:
error_msg = '服务器错误';
break;
case 504:
error_msg = '网络超时'
break;
case 20000:
toastFlag = false;
this.$router.push({path: 'invalidIdentity'});
break;
}
if(toastFlag){
this.$Toast({
message: error_msg,
position: 'bottom',
duration: 2000,
callback: () => {
this.$router.push({path: 'error'});
}
})
}
}

然后在每个接口后面加上function(err)就可以了

下面举例一个借口

siteService.sales(this.time).then(res => {
vm.salesInfo = res.data;
vm.details = vm.salesInfo.details;
vm.saleSum = vm.salesInfo.saleSum;
vm.time = vm.salesInfo.time;
}, err => {
this.$onError(err);
});

这就实现了error页面的跳转了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐