vue自动生成路由

vue自动生成路由

1. 安装自动生成路由的包

npm i vue-auto-router2 -S

2.使用

import {autoRouter} from 'vue-auto-router2'
const router = new VueRouter({...})
                              
const routes = autoRouter({
  views: require.context('./pages', true, /.*\.vue$/)
})

router.addRoutes(routes)

routes就是根据pages目录下的文件自动生成的路由

文件目录支持嵌套

支持动态路由

支持嵌套路由

支持动态嵌套路由

支持404页面

支持路由独享的导航守卫

文档：https://github.com/JInann/vue-auto-router2