首先是现在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页面的跳转了
来源: https://www.2cto.com/kf/201711/700544.html