vue 移動端今天寫了一個根據後臺傳過來的http狀態碼,來實現跳轉error頁面
阿新 • • 發佈:2019-02-10
首先是現在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'然後在每個介面後面加上function(err)就可以了}); break; } if(toastFlag){ this.$Toast({ message: error_msg, position: 'bottom', duration: 2000, callback: () => { this.$router.push({path: 'error'}); } }) } }
下面舉例一個藉口
siteService.sales(this.time).then(res => { vm.salesInfo = res.data; vm.details這就實現了error頁面的跳轉了= vm.salesInfo.details; vm.saleSum = vm.salesInfo.saleSum; vm.time = vm.salesInfo.time; }, err => { this.$onError(err); });