# 组件重定向
# 概述
重定向的意思大家都明白，但 Vue 中的重定向是作用在路径不同但组件相同的情况下
# 配置重定向
# 修改路由配置
{
path: '/main',
name: 'Main',
component: Main
},
{
path: '/goHome',
redirect: '/main'
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
说明：这里定义了两个路径，一个是 /main ，一个是 /goHome，其中 /goHome 重定向到了 /main 路径，由此可以看出重定向不需要定义组件；
# 重定向到组件
设置对应路径即可
<router-link to="/goHome">回到首页</router-link>
1
# 带参数的重定向
# 修改路由配置
{
// 首页
path: '/main/:username',
name: 'Main',
component: Main
},
{
path: '/goHome/:username',
redirect: '/main/:username'
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 重定向到组件
<router-link to="/goHome/cmcc">回到首页</router-link>
1