router路由配置

• alias 为路由别名，当在地址栏的文件路径输入路由别名时，将跳转到对应的文件路径，但不会文件路径的名字不会改变
  • 注意：虽然通过路由别名可以访问到对应的文件路径，但是因为router-link设置的地址是'/home'，所以触发不了对应的css

image.png

image.png

• redirect为重定向，可以设置为字符串和对象、函数，当设置函数时可以动态指定重定向目标

export default new Router({
  mode: 'history',
  linkActiveClass: 'is-active',
  routes: [
    {
      path: '/home',
      name: 'home',
      component: home,
      alias: '/index'
    }
    {
      path: '*',
      // component: notfound
      // redirect: '/home'
      // redirect: {path: '/about'}
      // redirect: {name: 'document'}
      redirect: (to) => { //动态设置重定向的目标
        // 目标路由对象
        // console.log(to)
        if(to.path === '/123'){
          return '/home'
        }else if(to.path === '/456'){
          return {path: '/about'}
        }else{
          return {name: 'document'}
        }
      }
    }
  ]
})