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) 的前面调用啥问题都没有。这里的前提是服务端传过来的路由是一次性保存如本地存储的,要是在使用过程中突然要插入动态插入一个路由的情况没试过,仔细想一下好像没这种需求,用户路由应该就是登录后就给定的。真有半道需要增加,可以把路由更新进本地存储然后刷下页面就可以了。

最新评论

文明人,不要粗鲁哦!