Vuex刷新页面数据消失问题解决【Vue多页面跳转数据消失】

news/2024/7/9 23:54:29 标签: Vue, Vuex, 小道仙

问题说明:登陆成功后,后台返回token我设置到Vuex中去了,但是跳转到主页的时候token没了

如果你还不知道怎么设置vue多页面共用Vuex看这里Vue多页面共用一个Vuex

我的跳转是用window.location.href,我也不知道为什么我的$router.push无法成功跳转

window.location.href跳转会导致你的页面刷新,从而丢失Vuex的数据

VuexAppvue_4">如果你是单页面刷新导致Vuex数据丢失,只需要把下面的代码复制到App.vue里面就好了
    created(){      //在页面加载时读取localStorage里的状态信息      
   	 localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg"))));            
	
	//在页面刷新时将vuex里的信息保存到localStorage里      
	window.addEventListener("beforeunload",()=>{          
		localStorage.setItem("userMsg",JSON.stringify(this.$store.state))      
	})     
   },

在这里插入图片描述


如果你是多页面(比如我这个登陆页面和主页面)只需要把上面的代码再copy一份到login.vue就好了

在这里插入图片描述



如果你是在使用nuxt的时候遇到了这个问题,看这里 : https://blog.csdn.net/Tomwildboar/article/details/97616705


http://www.niftyadmin.cn/n/775165.html

相关文章

彩虹自助下单系统6.0查单平台插件源码

介绍: 独立平台订单查询,包售后,上传位置:根目录 / wwwroot / template / default / 然后访问地址:你的域名/? modquery 网盘下载地址: https://zijiewangpan.com/SXSmwAqIyuX 图片:

Antd之Switch 开关初始化是否选中的问题解决

先来看效果 在官方的api文档中给出了两个参数,来控制是否选择 但是实际使用中却出了问题 当我写checked:true的时候页面上的开关全是关闭状态,当我写checked页面上的开关都是开启的,另外一个属性也是 这两个属性无用 最后解决办法 v-model"rec…

最新莫心HG授权系统修复版源码

介绍: 今天给大家分享一个全新修复的授权系统可做二开Ds/代挂或者其他花里胡哨的授权1.支持盗版入库 | 2.支持一键黑页3.支持卡密授权 | 4.支持后门注入 管理员后台地址:你的域名/admin管理员账号:admin | 密码:123456黑页内容需自己更改&am…

Discuz3.2GBK 艺佰地方门户gbk4.0整站网站源码打包 带演示数据送模版

介绍: Discuz x3.2艺佰地方门户1 gbk4.0商业版是艺佰地方门户主要打造是一个经典的地方门户性网站,其中包括了门户,资讯,论坛,等页面,兼容所有插件,为地方站长打造一个良好的开始,官…

阿里云Linux下安装MySql,并修改mysql默认端口【CentOs7.3】

1、所有文章优先发表在个人博客上: https://www.xdx97.com 2、后续如果有修改的话,可能忘记更新到CSDN了,给你带来不便,抱歉。 3、个人博客本篇文章地址 : https://www.xdx97.com/article?bamId645986220144328704 说…

全新ThihkPHP开发聚合支付系统兼容易支付系统网站源码

介绍: 1.php选用5.6最佳 2.一定要禁用assert 和 eval函数 3.配置application/database.php数据库信息 4.监控结算地址:域名/cron/auto? key密钥 5.thinkphp5伪静态 6.设置public为运行目录 public就是根目录 网盘下载地址&am…

springBoot,Maven多模块多功能打包

原文参看这里:SpringBootMaven多模块项目 这里说一下我在打包过程中遇到的一些问题 1、如果只是单模块项目打包,那很简单,但是这是多模块,打包出来的jar包有多个。到底用哪个又成了问题 找到你含有启动类的模块,…

最新云EC在线商城系统V1.3开源版源码 附详细安装教程

介绍: 云EC系统安装基本要求: IIS 7环境, 将下面代码保存为web.config 放到网站根目录 lt;? xml version”1.0″ encoding”UTF-8″? gt; lt;configurationgt; lt;system.webServergt; lt;rewritegt; lt;rulesg…