vue刷新页面，路径丢失怎么解决

如题所述

推荐答案 2019-08-21

一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值
办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）

办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据

办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至sessionStorage（以防请求数据量过大页面加载时拿不到返回的数据）

温馨提示：答案为网友推荐，仅供参考

当前网址：http://77.wendadaohang.com/zd/qW88pIv8vI3p88888Y.html

相似回答

VUE刷新丢失路由的解决方法答：目前在使用VUE3.X开发，发现加载动态路由的话，由于刷新页面就会重新加载VUEX，故会丢失已存在的state，但是又不想localStorage，sessionStorage。经过多次试验，采取在权限验证里面的路由守卫里，添加检测如果存在路由则跳转下一步，不存在则再次进入获取用户信息和路由的判断 if (store.getters.permission_rout...

路由解耦-解决Vue通过name和params进行跳转页面传参刷新参数丢失的问题...答：调整函数：这样传参时，地址栏就会出现参数了，这样数据就不会丢失了。除此之外，我们还可以选择配合路由解耦来使用优势：对路由参数的改变不需要通过 this. route和通过beforeRouteUpdate传值时通过$route.params获取参数改变时麻烦的写法：只适用于 params，不适用于query；实现方式...

vue中刷新数据丢失怎么搞啊?答：函数里的数据运行完就会释放，何况你还把单页面程序给刷新了。数据保存到 localStorage里刷新就不怕丢失，不过用完要记得把数据释放掉。保存数据语法：localStorage.setItem("key", "value");读取数据语法：var name = localStorage.getItem("key");删除数据语法：localStorage.removeItem("key");

Vuex 刷新页面后数据就消失了,怎么保存数据持久化?答：1 .如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化 2 .比如之前的搜索记录，还有一些需要依赖的数据。比如本次活动的代号存下来，让我在一段时间内，根据这个编号来确定相关代号代表的一批数据可以缓存在本地，一遍在下一次请求的时候快速返回 3 .实现原理：在mutations定义的...

vue路由传参及解决vue路由传参页面刷新参数丢失问题答：Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：注意：以上传参方式基本上可以理解为ajax中的post请求方式，参数都是不可见的，但是该方法有一个弊端，就是当页面刷新后参数值会丢失！！！以上两种方式是可以解决页面刷新参数消失问题的，query这种方式可以理解为是ajax中的get方法...

vue param与query传参刷新数据消失处理答：目标页面接收query数据：注意：无论是vuex params query传值的时候，只要页面一刷新，传过来的数据都会丢失，prams与query可以将传递过来的值放到url（就是传过来的值必须在地址栏以参数的形式显示）比如：这样才能保证页面刷新传过来的值一直存在。这种传值只适合string number这种简单的值，毕竟在地址栏...

F5刷新store数据丢失问题答：1.原因：store的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，store里的数据就会被还原，重新赋值 2.解决方案实现原理：（1）将state里的数据保存一份到本地存储（localSorage、sessionStorage、cookie）中（2）让页面在刷新之前存store中的值到localStorage中。页面数显时再将...

大家正在搜

vue刷新页面保留当前页面状态 vuex刷新页面数据丢失 vue刷新页面数据消失 vue页面刷新 vue登录刷新页面 vue刷新div vue页面 vue返回上一个页面 vue页面之间传值