uni-app或微信小程序从缓存storage获取token第一次为空,刷新才能拿到问题。

请求框架config配置

config.js

//  http 请求配置项
export default {
    //  开发者服务器接口地址
    url: "http://xxxxxxxxxxxxxxxxxxxxxx",
    //  请求的参数   
    data: {},
    //  设置请求的 header,header 中不能设置 Referer。
    header: {
        'token':uni.getStorageSync('token'),
        'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8'
    },
    //  (需大写)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT  
    method: "POST",
    //  json    如果设为json,会尝试对返回的数据做一次 JSON.parse    
    dataType: "json",
    //  text    设置响应的数据类型。合法值:text、arraybuffer  1.7.0
    responseType: "text",
    //  收到开发者服务成功返回的回调函数    
    success() {},
    //  接口调用失败的回调函数 
    fail() {},
    //  接口调用结束的回调函数(调用成功、失败都会执行)
    complete() {},
}

未登录前token取到是空,登录后把后台返回的token存储到缓存,到下一个界面请求其他接口的时候,头信息里面的token为空,并且本地缓存信息已有token,于是想到是请求头里面的token并没有更新,需要去更新一下就可以了。

interface.js

import _config from './config'; // 导入私有配置

export default function $http(options) {
    console.log(_config.url , options.url)
    options.url = _config.url + options.url;
  return new Promise((resolve, reject) => {
        // 进行url字符串拼接
    // 拦截请求
    //第一次无token配置请求头为空,在这边更新下header里面的token
    _config.header['token'] = uni.getStorageSync('token')

    _config.complete = (response) => {
      //  request請求访问成功
      if (response.statusCode === 200) {
          // 接口请求成功
          resolve(response);
      } else {
        // 处理catch 请求,不在本页面之外处理,统一在这里处理
                if(options.handle){
                    reject(response)
                }else{
                    try {
                      Promise.reject(response).catch(err => {
                        // console.error(err);  
                        _page_error(response.statusCode || response.errMsg);
                      });
                    } catch (e) {
                      console.log(e)
                    }
                }
      }

    }
    // 开始请求
    uni.request(Object.assign({},_config, options));
  })
}

index.js

import https from './interface'

/**
 * 将所有接口统一起来便于维护
 * 如果项目很大可以将 url 独立成文件,接口分成不同的模块
 * handle [boolean] 如果需要自己处理 catch 请求 ,传入 true ,交给接口统一处理 ,请传如 false或不传
 */

// 单独导出
//登录
export const login = (data) => {
    return https({
        url: '/user/loginByUserName',
        // method: 'GET', // 默认POST
        data,
        // handle:true
    })
}

// 默认全部导出
export default {
    login
}

你可能感兴趣的:(uni-app或微信小程序从缓存storage获取token第一次为空,刷新才能拿到问题。)