在vue项目中采用动态添加路由的方式，
第一次进入页面会正常显示，但是点击刷新页面后会导致页面空白。
原因是登录时写入vuex中的路由数据在刷新页面时被清空了，所以每次渲染页面的时候都要重新执行一下添加动态路由的方法。
解决办法：
只要在根目录下的main.js中添加红圈里的方法，页面就不会空白了：
vuex里动态添加路由的方法：
在Vue应用中，使用Vuex存储动态路由信息，页面刷新会清除Vuex状态。为防止页面空白，需在main.js中确保在每次页面加载时重新执行添加动态路由的逻辑。通过监听路由变化或者在App组件创建时恢复Vuex状态，可以确保动态路由在刷新后依然有效。
扫一扫
3884
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
