十*七
2022-05-07 16:41
采纳率: 93.3%
浏览 82
已结题

uni-app的拦截器,请求数据报错

报错

img

写的拦截器

    // 响应拦截,判断状态码是否通过
    Vue.prototype.$u.http.interceptor.response = (res) => {
        //响应状态码
        const {statusCode,data} = res
        
        if (statusCode < 400) {
            // res为服务端返回值,可能有code,result等字段
            // 这里对res.result进行返回,将会在this.$u.post(url).then(res => {})的then回调中的res的到
            // 如果配置了originalData为true,请留意这里的返回值
            return data;
        } else if (statusCode == 400) {
            //错误的请求
            vm.$u.toast(data.message)
            return false;
        } else if (statusCode == 401) {
            // 假设401为token失效,这里跳转登录
            vm.$u.toast('验证失败,请重新登录');
            setTimeout(() => {
                // 此为uView的方法,详见路由相关文档
                vm.$u.route('/pages/user/login')
            }, 1500)
            return false;
        }else if (statusCode == 422) {
            //表单验证未通过
            const { errors } = data
            vm.$u.toast(Object.values(errors)[0][0])
            return false;
        }else {
            // 如果返回false,则会调用Promise的reject回调,
            // 并将进入this.$u.post(url).then().catch(res=>{})的catch回调中,res为服务端的返回值
            return false;
        }
    }

img

1条回答 默认 最新

相关推荐 更多相似问题