vue 移动端今天写了一个根据后台传过来的http状态码,来实现跳转error页面
首先是现在main.js里面进行配置Vue.prototype.$onError = function (error) {var error_msg = '网络错误';var toastFlag = true;switch (error.errorCode) {case 401:error_msg = '请先登录';...
·
首先是现在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页面的跳转了
更多推荐
已为社区贡献7条内容
所有评论(0)