VUE刷新丢失路由的解决方法

Posted 2023-04-06

参考技术A 目前在使用VUE3.X开发，发现加载动态路由的话，由于刷新页面就会重新加载VUEX，故会丢失已存在的state，但是又不想localStorage，sessionStorage。
经过多次试验，采取在权限验证里面的路由守卫里，添加
检测如果存在路由则跳转下一步，不存在则再次进入获取用户信息和路由的判断
if (store.getters.permission_routes.length > 0)
//加载路由
next();
//router.options.routes = store.state.permission.routes
else

vue路由传参及解决vue路由传参页面刷新参数丢失问题

参考技术A

Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：
注意：

以上传参方式基本上可以理解为ajax中的post请求方式，参数都是不可见的，但是该方法有一个弊端，就是当页面刷新后参数值会丢失！！！

以上两种方式是可以解决页面刷新参数消失问题的，query这种方式可以理解为是ajax中的get方法，参数是直接在url后面添加的，参数是可见的。