vue3路由重定向怎么写
时间: 2023-07-08 10:51:02 浏览: 125
基于vue-router 多级路由redirect 重定向的问题
在 Vue.js 3 中,可以通过 `vue-router` 提供的 `redirect` 方法来实现路由重定向。
具体来说,我们需要在路由配置中使用 `redirect` 属性来指定要重定向到的路由路径。例如,如果我们想要将 `'/home'` 路由重定向到 `'/dashboard'`,可以按照以下方式进行配置:
```javascript
import { createRouter, createWebHistory } from 'vue-router'
const routes = [
{
path: '/home',
redirect: '/dashboard' // 重定向到 '/dashboard'
},
{
path: '/dashboard',
component: Dashboard // Dashboard 组件
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
```
这样,当用户访问 `/home` 时,就会自动重定向到 `/dashboard` 路由,显示对应的组件。
阅读全文