问题：添加动态路由后刷新页面新增的路由不显示
分析：可能存在的问题是 router.addRoute()只是注册了一个新路由，如果新增加的路由与当前位置相匹配，则通需通过返回新的位置来触发重定向，才能显示该新路由。
addRoute添加动态路由
// 在导航守卫中通过addRoute动态添加路由
router.beforeEach((to, from ,next) => {
router.addRoute({
path: '/test',
name: 'test',
component: ()=> import('../views/Test.vue')
})
})
// 👆会出现一个问题：刷新页面的时候test内容不显示
解决上诉问题👇
通过返回新的位置来触发重定向
router.beforeEach((to, from ,next) => {
// 添加该判断是为了避免陷入死循环一直添加路由
if (router.hasRoute('test')) {
next()
} else {
router.addRoute({
path: '/test',
name: 'test',
component: ()=> import('../views/Test.vue')
})
next(to) // 通过返回新的位置来触发重定向
}
})
