我在自定义routes.js 时遇到问题。当我最初使用 / 或 /login 调用它时,我想直接进入登录(Login.vue)。如何正确自定义默认的routes.js?该应用程序始终首先进入仪表板。
const routes = [
{
path: '/',
redirect: 'dashboard',
component: DashboardLayout,
children: [
{
path: '/dashboard',
name: 'dashboard',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "demo" */ '../views/Dashboard.vue')
},
{
path: '/icons',
name: 'icons',
component: () => import(/* webpackChunkName: "demo" */ '../views/Icons.vue')
},
{
path: '/profile',
name: 'profile',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/UserProfile.vue')
},
{
path: '/maps',
name: 'maps',
component: () => import(/* webpackChunkName: "demo" */ '../views/GoogleMaps.vue')
},
{
path: '/tables',
name: 'tables',
component: () => import(/* webpackChunkName: "demo" */ '../views/RegularTables.vue')
}
]
},
{
path: '/',
redirect: 'login',
component: AuthLayout,
children: [
{
path: '/login',
name: 'login',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Login.vue')
},
{
path: '/register',
name: 'register',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Register.vue')
},
{ path: '*', component: NotFound }
]
}
];
该过程应该自动转至仪表板,并在 Dashboard.vue 中检查客户是否在里面,如果不在,则引导他们登录