1. 程式人生 > >vue 移動端今天寫了一個根據後臺傳過來的http狀態碼,來實現跳轉error頁面

vue 移動端今天寫了一個根據後臺傳過來的http狀態碼,來實現跳轉error頁面

首先是現在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頁面的跳轉了