在线等！vue 二级路由只能显示一级引用内容

Question

问题描述
访问二级路由组件，仅能显示一级路由引用的组件
相关代码
//请把代码文本粘贴到下方（请勿用图片代替代码）main.js:importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'newVue({el:'#app',router,components:{App},template:''})
router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/components/login'importFindpwfrom'@/components/login/findpw'importRegisterfrom'@/components/register'
Vue.use(Router)
exportdefaultnewRouter({mode:'history',routes:[
{
path:'/',
redirect:'/login'
},
{
path:'*',
redirect:'/login'
},
{
path:'/login',
name:'Login',
component:Login,
children:[
{
path:'/login/findpw',
name:'findpw',
component:Findpw
}
]
},
{
path:'/register',
name:'Register',
component:Register
}
]})
你期待的结果是什么？实际看到的错误信息又是什么？
在浏览器中：1、访问/，能够重定向并显示login内容2、访问*和、login和register都能显示对应内容3、期望是访问/login/findpw，显示findpw的组件，但显示的却是它的上级“login”的组件内容
求各位前辈解答

Answer 1

{path:'/login',name:'Login',component:Login,children:[{path:'findpw',name:'findpw',component:Findpw}]},

Answer 2

{path:'/login',name:'Login',component:Login,children:[{path:'findpw',name:'findpw',component:Findpw}]},并且配置