vue-router从入门到精通之重定向和别名（五）

vue-router的重定向根据router实例化时的配置来设置

{
    path: '/home',
    redirect: '/document',
  }

上述代码表示从/home重定向到/document

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

{
    path: '/home/:id',
    redirect: {name: 'document'}
  },
  {
    path: '/document',
    name: 'document',
    component: document
  }

上述代码表示从/home重定向到路由名为'document'的路由

这里需要我们注意的是，重定向的目标还可以是一个方法

{
    path: '/home/:id',
    redirect: to => {
      return '/document'
    }
  }

上述代码表示从/home重定向到/document

别名

{
    path: '/document',
    component: document,
    alias: '/haha'
  }

<router-link to="/haha" tag="li">haha</router-link>

/document的别名是/haha，当我们访问/haha的时候，url对应的路径仍然为/haha，但是内容为document组件中的内容

别名可以让我们自由的将UI结构映射到任意的URL，而不用受限于配置的嵌套路由结构。