vue router重定向有三种核心方式：静态路径重定向（redirect字符串）、命名路由重定向（redirect对象含name）、函数式动态重定向（redirect为接收to参数的函数），分别适用于路径固定、可维护性要求高、需条件判断的场景。
Vue Router 中配置 redirect 实现页面重定向，核心是在路由定义时为某条路径直接指定跳转目标。它不经过组件渲染，浏览器地址栏会立即更新为新路径，适用于旧链接迁移、默认首页、权限拦截前的中转等场景。
基础静态重定向（最常用）
在 routes 数组中为某个 path 设置字符串形式的 redirect 值：
- 目标路径必须以
/开头，且该路径需已在路由表中正确定义组件 - 访问原路径时，Router 自动触发跳转，不加载原路径对应组件
const routes = [
{ path: '/about-us', redirect: '/about' },
{ path: '/about', component: AboutView }
]
命名路由重定向（更健壮）
用对象写法指向已命名的路由，避免硬编码路径，利于后期维护：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章