vue3中一级路由重定向和二级路由重定向‘’
时间: 2023-11-07 18:04:54 浏览: 172
基于vue-router 多级路由redirect 重定向的问题
在 Vue 3 中,可以使用 `router` 实例的 `redirect` 方法来进行路由重定向。
一级路由重定向:
```javascript
const routes = [
{ path: '/', redirect: '/home' }, // 重定向到 /home 路由
{ path: '/home', component: Home }
]
const router = createRouter({
history: createWebHistory(),
routes
})
```
二级路由重定向:
```javascript
const routes = [
{ path: '/', redirect: '/home' },
{
path: '/home',
component: Home,
redirect: '/home/dashboard', // 重定向到 /home/dashboard 路由
children: [
{ path: 'dashboard', component: Dashboard },
{ path: 'profile', component: Profile }
]
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
```
阅读全文