问题遇到的现象和发生背景
我使用的是Element-UI的表单组件,如下图所示,页面是正常的,我还使用了首页路由的重定向,当然重定向的页面结果是图一
但是我在打代码的时候发现,我实现路由重定向和二级子路由的时候,需要加上单斜线页面才能成功的跳转,否则出现空白页,这是为什么呀
const router =new VueRouter({
routes:[
{
// 如果路径是斜线,那我们就把他对应到/login上
path:'/',
// 重定向
redirect:'/login'
},
// 第一个路由规则
{
path:'/login',
component:Login
},
{
path:'/home',
component:Home,
// 只要我们访问了home这个地址,我们就让他重定向到welcome这个地址 这个地方写斜线行,不写也行
redirect:'/welcome',
// 二级路由
children:[
{
path:'/welcome',
component:Welcome,
},
{
path:'/users',
component:Users
}
]
}
]
})