vue动态添加路由后刷新失效问题

当添加路由addRoutes的时候,正常点击是没问题的,但是刷新一次页面,那么动态添加的路由就会失效,

用getRoutes() 打印出来看的时候确定路由已经添加进去了,所以这个原因应该是
当你执行到addRoutes时,路由要添加进去了,但是,路由不是响应式的,从执行循序来看,地址栏快于路由的添加,那找不到这个路径了就只能白屏了,除非设置了404的页面

那么怎么解决这个问题, 只需要再进行一次拦截就好了,代码如下:

image-20230713112822766
实测过,这样已经解决刷新页面空白的问题了,

————————————————
版权声明:本文为CSDN博主「还有多远.」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_48309048/article/details/128250397

posted @   hanfe1  阅读(416)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示