动态添加路由，得到路由信息后为何页面刷新还是空白？

页面刷新后，需要重新动态添加路由，在router的全局路由守卫中添加，但是这样写页面刷新后还是空白的

看到网上有资料说可以在main.js中动态添加路由，我就试了一下，是可以实现的，但是一直不知道为什么，所以花了好长时间在找原因

通过router.getRoutes()可以查询到当前路由信息已经获取到，但是为什么页面还是空白呢？

打印一下to的值，会发现matched的值为空

所以，问题就出在这里：

在刷新后动态路由需要重新获取，而to对象是在动态路由生成之前产生，所以获取不到真正路由信息

修改：

页面就可以正常显示啦！

参考文章：(52条消息) 动态路由下刷新 页面空白_to.matched为空_我的中二病又犯了的博客-CSDN博客