Vue3动态路由刷新页面白屏问题
2026-09-06 来源:胡子哥Vue3动态添加路由刷新页面白屏问题,这个有点意思了,百度的AI告诉我要加next({...to, replace: true })强制刷新,试了下就是扯淡,会陷入死循环。纳米那个MiniMax(M3)也是这样说的,稍后我把其他AI试试看。
环境:"vue": "^3.5.13","vue-router": "^4.5.0",
Vue3动态添加路由语法:router.addRoute(路由对象),其他js使用上的花活自行发挥。
关键点:
1、用户登录后把服务端返回的路由信息保存进本地存储
2、在 createApp(App) 的前面调用一下封装的创建动态路由的函数即可
那些说在 router.beforeEach 注册,在这里注册就是有刷新白屏的问题,直接放到createApp(App) 的前面调用啥问题都没有。这里的前提是服务端传过来的路由是一次性保存如本地存储的,要是在使用过程中突然要插入动态插入一个路由的情况没试过,仔细想一下好像没这种需求,用户路由应该就是登录后就给定的。真有半道需要增加,可以把路由更新进本地存储然后刷下页面就可以了。

上一篇:
mysqldump导出mysql数据表
下一篇:没有了
胡子哥博客
最新评论