vue 动态路由页面访问空白

Question

router/index.js中只配置登录页面及首页的路径，其他页面在点击菜单时动态添加；我是这样写的：

this.$router.addRoutes([{
                            path : `/${pathName}`,
                            name : pathName,
                            component : resolve => require([`../page/tsis/${pathName}.vue`], resolve)
                        }])

使用vue开发开发工具查询路由确实添加了，但是访问的页面却是一片空白。请问这样写有问题吗？正确的应该怎么写？

Answer 1

https://blog.csdn.net/huangruifeng/article/details/90759728

Answer 2

这样写的点击的触发传的路由路劲是没有经过编译，不能访问到编译后的vue文件，
应该先

import aaa from '../page/tsis/aaa.vue'
const obj = {
pathName: aaa
}

点击触发
this.$router.addRoutes([{
path : /${pathName},
name : pathName,
component : obj[pathName]
}])