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

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

    用getRoutes() 打印出来看的时候确定路由已经添加进去了,所以这个原因应该是

    当你执行到addRoutes时,路由要添加进去了,但是,路由不是响应式的,从执行循序来看,地址栏快于路由的添加,那找不到这个路径了就只能白屏了,除非设置了404的页面

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

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

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

posted @ 2023-07-13 11:26  hanfe1  阅读(234)  评论(0编辑  收藏  举报