首先是现在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页面的跳转了

Logo

前往低代码交流专区

更多推荐