重定向

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

当用户访问/a时，URL 将会被替换成 /b，然后匹配路由为/b。可以简单理解为：/a的路径是无效路径

重定向的目标也可以是一个命名的路由：

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

甚至是一个方法，动态返回重定向目标：

const router = new VueRouter({
  routes: [
    { path: '/a', redirect: to => {
      // 方法接收 目标路由 作为参数
      // return 重定向的 字符串路径/路径对象
    }}
  ]
})

别名

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

可以简单理解为：/a和/b都是有效路径，指向同一个页面

vue全家桶（2.4）
3.6.重定向和别名 #3.6.1.重定向路由重定向通俗的说就是从一个路由重新定位跳转到另一个路由，例如：访问的...
路由重定向和别名
重定向当用户访问/a时，URL 将会被替换成 /b，然后匹配路由为/b。可以简单理解为：/a的路径是无效路径重...
6、vue-router路由
1、安装 2、结构 3、动态路由匹配 4、嵌套路由 5、编程式导航 6、命名路由 7 、命名视图 8、重定向和别名...
(七)重定向第二种方式别名
本节知识点别名的使用 alias 别名的形式首先在路由配置文件里面配置router-link 别名和冲重定向...
Vue坑
1，alias设置别名，如果给根目录设置别名是没有作用的，需要用redirect重定向进行处理 2，路由配置页面加...
Vue-router 别名 - alias
使用alias别名的形式，也可以实现类似重定向的效果。在路由配置文件里（/src/router/index.js...
vue-路由
需要掌握：路由map路由视图路由导航路由参数的配置嵌套路由的使用命名路由和命名视图重定向 router/in...
Vue路由重定向、别名与导航守卫
前言在实际的场景中，当用户访问的是一个页面，但可能出现了一些错误，需要给他呈现另一个页面。或者，当用户的注册状态...
[7]alias别名的使用
资料来源于技术胖的个人网站使用alias别名的形式，我们也可以实现类似重定向的效果。首先我们在路由配置文件里（...
[vue-router4进阶] 2.重定向和别名
重定向重定向通过redirect属性来定义，页面会跳到redirect指定的路由比如，我们定义一个根路由‘/’，...