3.2.4 路由重定向
作者:互联网
项目应用通常都会有一个首页,默认首先打开的是首页,要跳转到哪个页面都可以设置路由路径发生跳转。有些时候也需要路由器定义全局的重定向规则,全局的重定向会在匹配当前路径之前执行。重定向也是通过 routes 配置来完成的,具体如示例 5 所示。示例 5 中 展示的是从“/a ” 重定向到“/b”。
示例5
const router = new VueRouter({
routes: [
{ path:'/a', redirect: '/b'}
]
})
重定向的目标也可以是一个命名的路由,具体如示例 6 所示 。
示例6
const router = new VueRouter({
routes: [
{ path:'/a', redirect: { name: 'hzh'} }
]
})
重定向的目标甚至可以是一个方法,动态返回重定向目标,具体如示例 7 所示 。
示例7
const router = new VueRouter({
routes: [
{ path:'/a', redirect: to => {
// 方法接收 “目标路由” 作为参数
// return 重定向的 “字符串路径/路径对象”
}}
]
})
标签:重定向,示例,3.2,router,routes,path,路由 来源: https://www.cnblogs.com/Huang-zihan/p/16366586.html