uView升级http配置兼容变更

阿超

发布于 2024-11-13 09:31:18

8700

代码可运行

文章被收录于专栏：快乐阿超快乐阿超

运行总次数：0

代码可运行

人生须知负责任的苦处，才能知道尽责任的乐趣。——梁启超

今天把老项目uniapp的http封装代码cv过来，发现用不了了，原因是uView版本升级了没适配

原先uView 1.x的方式：

Vue.prototype.$u.http.setConfig({
    baseUrl: 'http://localhost:8080/ruben',
    loadingText: '加载中...',
    loadingTime: 100,
});

Vue.prototype.$u.http.interceptor.request = (config) => {
    const token = uni.getStorageSync('token');
    config.header.token = token;
    return config;
}

Vue.prototype.$u.http.interceptor.response = (res) => {
        if (res.code == 0) {
            return res;
        } else if (res.code == 401) {
            vm.$u.toast('验证失败，请重新登录');
            uni.removeStorageSync("token")
            vm.$u.route('/pages/login/login')
            return false;
        } else {
            return res;
        }
}

现在uView 2.x的方式：

Vue.prototype.$u.http.setConfig((config) => {
    return {
        ...config,
        baseUrl: 'http://localhost:8080/ruben',
        loadingText: '加载中...',
        loadingTime: 100,
    }
});

Vue.prototype.$u.http.interceptors.request.use((config) => {
    const token = uni.getStorageSync('token');
    config.header.token = token;
    return config;
})

Vue.prototype.$u.http.interceptors.response.use((res) => {
        if (res.code == 0) {
            return res;
        } else if (res.code == 401) {
            vm.$u.toast('验证失败，请重新登录');
            uni.removeStorageSync("token")
            vm.$u.route('/pages/login/login')
            return false;
        } else {
            return res;
        }
})

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-11-12，如有侵权请联系 cloudcommunity@tencent.com 删除

http