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
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,744评论 0 15
  • iOS网络架构讨论梳理整理中。。。 其实如果没有APIManager这一层是没法使用delegate的,毕竟多个单...
    yhtang阅读 10,655评论 1 23
  • 简书平台里,在每篇推送文章没打开前,都有一个不起眼的叉号,说它不起眼,等你注意到它用到它的时候就明白了。 可能平台...
    应水阅读 1,618评论 0 1
  • 想想自己脑子里真是有病,自己花钱买衣服,问她干嘛?她不说话还好,说了还不如别说。唉,谁都不怪,只怪自己不长记性,以...
    岳妹妹阅读 937评论 0 0
  • 她是什么时候出现在我生命里的 那要从家里买了一栋大房子说起 。 这栋房子不大但也不小 大概是三...
    希有kokou阅读 5,219评论 2 3