VueRouter路由别名、重定向

1. 前言

本小节我们介绍如何使用 VueRouter 路由别名、重定向。路由别名和重定向在项目中经常使用,本节的学习内容相对简单,相信同学们看完本小节,并对小节中的案例自己实现一遍就可以熟练掌握了。

2. 路由重定向

重定向也是通过 routes 配置来完成,可以配置路由重定向到具体路由地址、具名路由或者动态返回重定向目标。

2.1 重定向到路由地址

通过属性 redirect 指定重定向的路由地址:

const router = new VueRouter({
  routes: [
    { path: '/a', redirect: '/b' }
  ]
})

示例:

实例演示
预览 复制