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