axios 如何统一处理同个类型错误?

Question

// interceptors
axios.interceptors.response.use(function (response) {
    return response;
  }, function (error) {
    // 处理统一的验证失效错误.
    return Promise.reject(error);
  });

// 页面中
axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  }, function (err) {
    // 在此处处理特定业务错误: 
    console.log(err.msg)
    // 问题是: 当我在拦截器里处理了验证失效后, 它还是会执行到这里面
  })

我的问题是: 我在拦截器里处理完验证错误之后, 如何不让页面中单独的业务处理执行 ?

Answer 1

axios.post(api.checkWithdrawal(), Qs.stringify({
    id:x,
    status:4
}), {}).then((response)=> {
    console.log(response.data)
    this.$message({
        message: '操作成功',
        type: 'success'
    });
    this.accomplishFormVisible=false
    this.getWithdrawalList()
}).catch(error=>{
    this.$message.error(error.data.message)
})

写在catch里面

Answer 2

业务逻辑应该在 then（）里面吧？
err 里面处理错误

Answer 3

在拦截器中，你自己处理异常的部分就不要reject，其余的都return reject，用if else判断下。

Answer 4

这个问题我们也遇到了，我们的解决思路是在axios外面包装一层

// 创建子类，避免配置污染全局
let axiosIns = axios.create({});

// 设定子类的配置信息
axiosIns.defaults.headers.post['X-Requested-With'] = 'XMLHttpRequest'

// 子类的拦截器，对结果是否正常做出判断
axiosIns.interceptors.response.use(function(response){
    let data = response.data;
    let status = response.status;
    if(status===200 || status === 304){
        let rstno = data.rstno;
        if(rstno>0){
            return data;
        }
        return Promise.reject(response);
    }else{
        if(status===412){
            instance.$store.commit('doLogout')
            instance.$router.push({
                path:'/login',
                query:{'redirect':instance.$route.fullPath},
            })
        }
        return Promise.reject(response);
    }
})
let ajaxMethod = ['get','post'];
let api = {};
ajaxMethod.forEach((method)=>{
    api[method] = function(uri,data,config){
        // 对axios包装的一层
        return new Promise(function(resolve,reject){
            axiosIns[method](uri,data,config).then((json)=>{
                // 结果正常，业务逻辑层只需处理后端返回的json
                resolve(json);
            }).catch((response)=>{
                // 拦截器里reject都会走到这里
                console.log(response);
                if(response.status===200 && response.data.rstno<0){
                    instance.$message(response.data.data.err.msg);
                }
            })
        })
    }
})