极客观点
项目管理
HarmonyOS
1.vuex中存储的数据在刷新页面(F5)之后会丢失全部的数据
2.我想刷新页面之后不丢失。同时我还不想存储在window中的session和local中
各位大牛vuex中有没有相应的数据存储方法或者设置可以做到这样的效果
vuex中存储的数据在页面刷新之后都是失去，我想让vuex中的数据在刷新之后不会丢失怎么办。
阅读 42.8k
我是在router.js中对其进行监听，如果vuex中的值为空，则从sessionStorage中重新赋值
// 以token为例，页面刷新时，重新赋值
if (sessionStorage.getItem("token")) {
store.commit("set_token", sessionStorage.getItem("token"));
}
五种方法
强烈推荐 history.replaceState(null, null, '?type=save')
- history.replaceState(null, null, '?type=save') HTML5新增属性此方法会改变当前路由，但是不会刷新，浏览器的访问历史时也不会增加记录，唯一的缺点就是兼容性不好【强烈推荐】
该方法接受三个参数，依次为：
-
state：一个与添加的记录相关联的状态对象，主要用于popstate事件。该事件触发时，该对象会传入回调函数。也就是说，浏览器会将这个对象序列化以后保留在本地，重新载入这个页面的时候，可以拿到这个对象。如果不需要这个对象，此处可以填null。 -
title：新页面的标题。但是，现在所有浏览器都忽视这个参数，所以这里可以填空字符串。 -
url：新的网址，必须与当前页面处在同一个域。浏览器的地址栏将显示这个网址。
2.创建一个标识 写入hash window.location.hash = 'save' 用户在刷新浏览器时判断hash是否去请求接口,但是hash改变会被记录到浏览器中，每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用"后退"按钮，会回到上一个位置，【所以此方法不推荐】
3.写入cookie 发送给服务端（数据量小的情况）
4.存储到localstorage（具有同源策略）
5.存储到sessionStorage(具有同源策略且标签之间不可共享数据)
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}8 回答5.9k 阅读✓ 已解决
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}9 回答9.3k 阅读
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答4.9k 阅读✓ 已解决
两个promise问题？
第一个问题，这个为什么先输出3后输出2呢 {代码...} 第二个问题，这个为什么会交错输出呢，142536 {代码...} promise小白一枚，上述两个疑问，希望能得到详细的解答5 回答3.6k 阅读✓ 已解决
Object assgin拷贝问题？
{代码...} 为什么这段代码会输出 {代码...} 而不是 {代码...} 呢？4 回答7.9k 阅读✓ 已解决
js如何在并发中同步两个fetch请求？
请求A的结果是B的参数，所以AB只能是同步请求，但有假设有100个AB请求，如何构造并发请求呢？ {代码...} 这个代码完全不行，等待时间太长了。假设一组AB耗时2s，上面的代码需要等待近1min才能获得数据，我希望能获得一组AB就显示一张图片，类似并行处理同步的AB？谢谢！7 回答9.9k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答7.2k 阅读✓ 已解决
宣传栏
你的这个业务场景跟vuex没有关系吧？
vuex就是一个“提升变量”的一个工具，它是将state当做全局变量存储。F5刷新页面之后自然随着页面的刷新重新初始化state。
目前想让浏览器记住数据，一般都会采用cookie或者localStorage等方法，如果有什么其它方法，欢迎分享。