登录时使用setStorageSync存储token存不上去(有概率)

项目场景:

app中嵌套uniapp的商城项目,做uniapp商城的自动登录时出现的bug


问题描述:

当用户对app卸载重装时,进入uniapp商城中会出现登录失败。

项目描述:

app端调用uniapp的函数进行自动登录(需要获取app端的用户信息,使用app端的用户信息自动都登录),uniapp进行登录请求,获取到登录之后的token,并将其存储到storage中,根据token的有无拦截用户的操作权限的有无(注:没有token啥都干不了)。登录成功回调中设置uni.setStorageSync

代码描述:

提供给app端调用:

window.setAccountToLogin = function(accountInfo) {
  const newAccountInfo = JSON.parse(accountInfo)
  ......
  uni.setStorageSync('accountInfo', newAccountInfo)
  const params = {
    url: '/hyUser/login',
    method: 'POST',
    data: { ...newAccountInfo },
    callBack: (res) => {
      //登录成功回调
      util.loginSuccess(res.tokenInfo ? res.tokenInfo : res)
    },
    errCallBack: (err) => {
      loginErrHandle(err)
    }
  }
  http.request(params)
  ......
}

util文件成功回调:

/**
 * 登录成功
 * @param {Object} loginRes 登录成功返回的数据
 * @param {Boolean} isRefreshToken 该次登录是否为刷新token;
 */
const loginSuccess = async(loginRes, isRefreshToken) => {
  uni.setStorageSync('isPrivacy', 1)
  uni.setStorageSync('hadLogin', true)
  uni.setStorageSync('token', loginRes.accessToken)
  uni.setStorageSync('loginResult', loginRes) // 保存整个登录数据
  const expiresTimeStamp = loginRes.expiresIn * 1000 / 2 + new Date().getTime()
  // 缓存token的过期时间
  uni.setStorageSync('expiresTimeStamp', expiresTimeStamp)
  ......
}

原因分析:

        个人观点(没有科学依据):设置storage数量条数太多,压力太大有时候设置storage时,设置不上,存不上


解决方案:

直接在app端调用时给加上一个uni.setStorageSync('token',XXX),提前给他加上token

window.setAccountToLogin = function(accountInfo) {
  const newAccountInfo = JSON.parse(accountInfo)
  ......
  uni.setStorageSync('accountInfo', newAccountInfo)
  const params = {
    url: '/hyUser/login',
    method: 'POST',
    data: { ...newAccountInfo },
    callBack: (res) => {
      if (res.accessToken) {
        uni.setStorageSync('token', res.accessToken)
      }
      //登录成功回调
      util.loginSuccess(res.tokenInfo ? res.tokenInfo : res)
    },
    errCallBack: (err) => {
      loginErrHandle(err)
    }
  }
  http.request(params)
  ......
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值