Vue项目中报错Property “visible“ must be accessed with “$data.visible“ because properties starting with “$

1.报错之前,因为项目中需要用到两个接口,在创建完两个接口之后,项目中遇到报错

修改前,只对一个接口的返回值做了判断

instance.interceptors.response.use(
    res => {
        if (res.data.meta.status === 414) {
            Message.error("登录身份已过期，请重新登陆!");
            Router.push('/login');
        } else {
            return res;
        }
        return res
    },
    err => {

        Message.error(err.response.status + ": " + err.response.statusText);
        return Promise.reject(err);
    }
);

export default instance;

修改后,对两个接口返回值做出判断

// 拦截响应
instance.interceptors.response.use(
    res => {
        // 关于这个,你要跟着2个接口地址,不同的返回值,做对应的判断,不然就会有报错
        if (res.status >= 200 && res.status < 300) {
            let data = res.data;
            if (data && data.mete) {
                if (res.data.meta.status === 414) {
                    // /api通过判断这个 来决定是否登录过期
                    Message.error("登录身份已过期，请重新登陆!");
                    Router.push('/login');
                } else {
                    return res;
                }
            } else {
                return res
            }
        } else {
            // 异常处理还没弄
        }
    }