为什么token要存在vuex中还要存本地一份

最新推荐文章于 2024-03-19 16:14:09 发布
最新推荐文章于 2024-03-19 16:14:09 发布
阅读量3.3k 收藏 27
点赞数 10
文章标签： html5 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/W936438835/article/details/120391050
版权

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

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

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

小有名气bug发明家
关注
  • 10
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
人力资源后台项目——vuex管理、持久化token
m0_50156803的博客
07-04 790
vuex管理、持久化token
vue生成token并保存到本地存储中
10-18
主要介绍了vue生成token并保存到本地存储中,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vuex存储token示例
10-16
今天小编就为大家分享一篇vuex存储token示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vuex和本地存储（localstorage，sessionstorage）的区别和应用场景
最新发布
2201_75681314的博客
03-19 918
localstorage不可以代替vuex，对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据的数据源，希望另一个组件也改变的时候localstorage，sessionstorage无法做到，vuex是vue的状态管理机制，是方便组件之间通信的，一个组件的数据变化会映射到使用这个数据的其他组件，而localstorage是本地存储，将数据存储到浏览器的方法，一般是在跨页面传递数据的时候使用。
为什么token要同时存在vuex和localstorage中
qq_46130027的博客
04-05 1369
通常我们在实际项目中都是结合这两者使用，拿到token后，把token存储到localstorage和vuex中。从内存中读取数据速度是远高于磁盘的。当某个组件数据修改的时候，通过结合这两者，从而实现数据的持久化。，导致数据丢失，恢复到原来的状态。一旦数据在某组件更新，
token要同时存在vuex和localStorage中
weixin_47027269的博客
03-16 453
拿到token后，把token 存储在localStorage和vuex中，vuex保证数据在各组件间同步更新，如果刷新页面数据更新丢失，可以从localStorage获取，通过结合vuex和localStorage本地存储，实现数据的持久化
简述vue2中token登陆时的存储问题
weixin_48633811的博客
10-10 2103
vue2中token登陆时的存储问题
vue在路由中验证token是否存在的简单实现
10-16
今天小编就为大家分享一篇vue在路由中验证token是否存在的简单实现，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
localStorage 能实现 token 的存储需求，为啥还要存储在 Vuex 或 Redux 中呢?
sdasadasds的博客
11-29 586
● localStorage 里面的数据变化不能进行监控，如果有需求是根据 token 的变化进行操作，那 localStorage 就实现不了。● localStorage 里的数据主要用于页面重新渲染时使用，Vuex 或 Redux 里的数据在 SPA 用户操作的时候使用。● localStorage 里面存储的数据类型只能是字符串，如果存储的内容不是字符串，还需要转换，有额外的性能消耗。● localStorage 是磁盘操作，Vuex 和 Redux 是内存操作，数据存慢很多。
为什么token要存在localstorage,然后通过redux/vuex去获取？
brucehongsen的博客
09-10 950
一.两个原因： localStorage: 优点： 持久，能够永久存储的 缺点： 不是响应式的 vuex / redux 优点： 响应式的 缺点： 不持久，存储在内存中，刷新就会丢失。
token的本地存储--请求拦截器（vue项目）
ating_ing的博客
04-05 598
token的本地存储--请求拦截器（vue项目）token的理解和应用
Vue保持用户登录状态(各种token存储方式)
耕耘——从菜鸟到高手的蜕变
05-04 2552
目录在前端中，实现保持用户登录状态的方法有很多种，你通过可以存Cookie、Session、Token等信息来保持，不管后台向前端发送哪个我们要做的就是将这些信息存在在本地浏览器中，浏览器再次发送请求时，将设置了‘键'=‘值'的Cookie再次抛给服务器，服务器通过Cookie的。
前端token中4个存储位置的优缺点
王春燕的博客
06-11 5858
一、token是什么 Token:访问资源的凭证。一般用户通过用户名密码登录后，服务端会将登录凭证做数字签名，加密之后的字符串作为Token。并在客户端后面的向服务端的请求中携带，作为凭证。 二、token一般存放在哪里？ token 在客户端一般存放于localStorage、cookie、或sessionStorage，vuex中。......
vue项目结合vuex、localstorage实现本地储存token验证登陆注册
MYuanFang的博客
10-19 625
https://www.cnblogs.com/jervy/p/10115337.html
把token存到vuex中
SYXZSs的博客
08-17 663
这里我做一个数字++，- -和清零的操作 1：我这里在创建项目时，一同下载了xuex。就直接开始了 在state里定义一个num=0，然后在mutations里定义++，--和清零的方法 state: { num: 0 }, mutations: { // 加加 addBtn(state) { state.num++ if (state.num == 99) { state.num = 99 a
vuex对于token进行存储
m0_63757700的博客
12-11 2066
token存储
Vuex数据持久化---token(个人理解)
m0_58447769的博客
10-14 862
想要弄明白这个命题，首先要了解token是什么。 一.Token 顾名思义嘛，令牌，可以理解为一种身份验证标识。 举个例子，你去游乐园玩，进去得要门票吧，不然门口的保安大哥怎么都不会让你进去，token就像是一张（年卡门票）。 那问题来了，全国那么多游乐园，我不可能拿着一家的票逛全国的游乐园吧。所以每家游乐园发的门票都是独一无二的。 这里的游乐园其实就是各个网站，你在网站登录后，服务器就会结合你的用户信息，发一个你的专属token。 二.Token的存储问题 我们一般会把从服务器请求来的数据存
token为什么要存放在本地存储和vuex两个地方
yezi153的博客
12-04 3602
背景：token是用来做访问权限控制的（没有token，不能去那些需要token才能访问的页面），调用哪些需要授权的api接口，多个地方都要使用，所以要找个地方统一存放 token直接存放在本地存储，拿出来不太方便，要先从本地存储取出，再放到vue实例的data函数中，还有它不是响应式的，也就是本地存储里面的内容发生改变，页面不会发生改变 解决方法：放在vuex中，可以实现数据的共享，相当于把它存放在一个公共的地方（就像公园这类的公共场所），想要读取也很方便，不过有个缺点，这里的数据一刷新，就看不见了，
为什么token还要放vuex
06-08
在前端应用中，我们通常会将用户的认证信息（如token）存储在浏览器的本地存储（如cookie或local storage）中。但是，当我们需要在多个组件中使用这些认证信息时，如果每个组件都去读取本地存储中的信息，这样就会导致代码的重复和不便于管理。因此，我们可以将这些认证信息存储在vuex中，然后在需要使用的组件中通过vuex store来获取这些信息，这样可以方便地管理和共享这些信息，同时也可以避免代码的重复。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值