美文网首页
uniapp request请求拦截

uniapp request请求拦截

作者: 上海_前端_求内推 | 来源:发表于2021-11-24 15:27 被阅读0次

    用户登录时会将access_token存入本地缓存,当封装的request像后端发送请求时会判断本地本地缓存里是否已经拿到,如果没有则跳转至登录页

    //const baseUrl =`http://192.192.192.183:9798` 
    import basesevers from './basesevers.js'
    const baseUrl = basesevers.request1
    const request = (url = '', date = {}, type = '', header = {}, responseType = '') => {
        
        return new Promise((resolve, reject) => {
            const token = uni.getStorageSync('access_token');
            // #ifdef H5 ||APP-PLUS
            if(!token){
                window.location = "/#/pages/logo/logo";
                return;
            }
            //#endif
            // #ifdef MP-WEIXIN
            if(!token){
                uni.clearStorageSync()
                uni.reLaunch({ //信息更新成功后跳转到小程序首页
                    url: '/pages/404/sq'
                });
                return;
            }
            //#endif
            uni.showLoading({
                title: '加载中',
            })
            uni.request({
                method: type,
                url: baseUrl + url,
                data: date,
                responseType: responseType,
                header: header,
            }).then((response) => {
                setTimeout(function() {
                    uni.hideLoading();
                }, 200);
                let [error, res] = response;
                resolve(res.data);
            }).catch(error => {
                let [err, res] = error;
                reject(err)
            })
        });
    }
    export default request
    
    

    相关文章

      网友评论

          本文标题:uniapp request请求拦截

          本文链接:https://www.haomeiwen.com/subject/bswntrtx.html