token是有很多问题的

来源:8-4 菜单编辑&删除实现

傳說

2021-08-01

比如本地删除localstore 会报错 页面直接空白 不过我都解决 比如问题有JSON.Stringify(xxx,{}) 但是很显然{}不对 必须是字符串, 还有假设直接删除了 拦截获取token解构token的时候会报错 undefined不会解构出来 我的解决方案是trycatch 当catch的时候跳转到登陆页面, 还有的具体我怎么改的忘记了,总之都是不细心导致的,不知道后续课程有没有改回来,

写回答

1回答

河畔一角

2021-08-02

这块源码已经修复。 当token不存在的时候,storge.getItem('userInfo')会返回空,只需要加一个默认值即可。

比如:

request.js中

const { token = "" } = storage.getItem('userInfo') || {}; // 当获取不到的时候,默认返回一个{},这样token结构不至于报错。

也可以直接给storage中的getItem方法添加一个默认值。

Vuex里面的也需要加一个默认值,也就是用到storage.getItem('userInfo')的地方默认加一个{}

index.js

const state = {

    userInfo: storage.getItem("userInfo") || {}, // 获取用户信息

    ...

}

export default createStore({

    state,

    mutations

})


0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程