vue多级路由，实现前台，后台，登录注册界面同级

路由，实现前台，后台，登录注册界面同级"/>

vue多级路由，实现前台，后台，登录注册界面同级

const routes = [//前台界面{path: '/',component:ForegroundLayout,children:[{path: '/',name: 'home',component:Home,},{path:"/blog",name:"blog",component:Blog,},]},//登录界面{path:"/login",name:"login",component:Login,},//后台界面{path:"/backgroundLayout",name:"background",component:BackgroundLayout,meta:{requiresAuth:true},children:[{path:"/addBlog",name:"addBlog",component:AddBlog,meta:{requiresAuth:true},},]},
]

• 上述代码第一级路由对应App.vue里的<router-view/>，第二级路由（children）对应第一级路由页面里的<router-view/>
• 如果第二级路由加斜杠，比如"/addBlog"，那访问路径即：域名/addBlog；如果把"/addBlog"改为"addBlog"，那访问路径在第一级路由路径后再追加该路径，即：域名/backgroundLayout/addBlog