vue3-动态路由刷新之后,白屏效果

1,067 阅读1分钟

动态路由刷新白屏问题

我是看了这三位大佬的回答及解释,然后才理解的,推荐各位去看看文章,这里因为没时间,所以没有自己总结,这段时间之后,在总结一下。

1. 启发

问题:

Vue-router-3.0.1 使用router.addRoutes()设置动态路由,页面刷新后无效。

回答:

beforeEach中添加路由,addRoutes,添加成功之后,与当前这次拦截存在先后顺序。
此时查看to,会发现其matched字段为空数组,此时旧的to不能找到新加的routes,此时可以使用
next(…to, replace: true)重新发起请求,这样发起第二次请求,第二次请求会被beforeEach再次拦截到,此时再去看to对象,发现其matched字段不为空数组,第二次请求使用next()放行

链接:

forum.vuejs.org/t/vue-route…

2. 深入

标题:

vue3中的beforeEach里面的next函数---刷新页面导致白页。

文章链接:

blog.csdn.net/sumisu666/a…

3. 细致讲解

标题:

VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明。

链接

blog.csdn.net/qq_41912398…