项目登录按钮点击后,还需要刷新一次才能进入后续页面的bug解决

实属低级错误了

vuex内获取token的方法直接写错

 token: getToken || ''
//getToken忘记调用直接写了,导致并没有拿到token,只是放了个函数
  token: getToken() || ''

结果在request加响应头的时候又直接调用了,所以发请求的时候是正常的
  const token = store.getters.token()

直到在路由守卫里终于出bug了

const token = store.getters.token()

这里其实也打印出来了token第一次为空,只是没仔细看,还是以为是后续判断逻辑的问题

所以后续判断

if (token) 进入后续页面

一直走不通

因为访问的是首页,不是404和login,所以流程重新跳转登录

// 不在白名单,跳转到登录页

      next({ path: '/login' })

就跳转一次登录页,并未往后续页面走

因为最后请求还是发出去了,所以获得了token,刷新一次后进入了后续页面

唉,太粗心,唉,没有用typescript!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值