vue 项目登录后 为什么把用户信息和token和菜单在Vuex和本地localStorage都存一份?

用户登录后,访问其他页面需要携带token,vuex是储存在内存里面的,而内存的特点就是快,将token存在vuex中可以提高获取token速度。因为localStorage的读取是一次磁盘读取,读取速度远低于vuex的内存读取,为了避免重复读取localStorage影响性能,需要将localStorage的数据放到vuex里维护。

由于vuex是储存在内存里面的,所以刷新页面就会消失,所以要存本地一份,刷新后token从本地获取。

每次更新token也是修改vuex中的token,然后再覆盖到localstorage中。

因此每次使用时应该先取vuex,取不到再去localStorage取,localStorage也没有话的应该请求接口,然后再把数据放到vuex 和localStorage中。

posted @ 2022-11-08 23:26  火龙果呀  阅读(1125)  评论(0)    收藏  举报