index.ts:15 [Vue Router warn]: No match found for location with path “/xxx/xxx“

问题描述

当页面刷新时，页面路由空白，控制台警告找不到路由
index.ts:15 [Vue Router warn]: No match found for location with path “/xxx/xxx”
实际原因是动态路由未生效。

如何解决？

*vue-router4.0 版本在beforeEach使用addRouter动态添加路由后，路由没有生效。
* 控制台发出警告[Vue Router warn]: No match found for location with path “/xxxx”;
* 官网给出了解决方案， 在动态添加路由之后且添加的动态路由地址和当前访问的地址一致，使用 *router.push()手动导航。

解决代码！

router.beforeEach(async (to) => {
if (!to.matched.length) {
router.push(to)
}
return true
})