Vue Router redirect(重定向)

2019-03-15  本文已影响0人  两年半练习程序员

“重定向”的意思是,当用户访问 /a时,URL 将会被替换成 /b,然后匹配路由为 /b

例如不同账户登录有不同权限,进入的首页也不同

admin以/a为首页
manager以/b为首页
check以/c为首页

当我们登陆完后

需要根据不同账户进入不同页面
只需要设置

const router = new VueRouter({
  routes: [
    { path: '/', 
      // 方法接收 目标路由 作为参数
      // return 重定向的 字符串路径/路径对象
      redirect: to =>{
                if(store.state.user.roles && store.state.user.roles.includes('admin'))return '/a';
                if(store.state.user.roles && store.state.user.roles.includes('manager'))return '/b';
                if(store.state.user.roles && store.state.user.roles.includes('check'))return '/c';
                return '/draft'
            },
    }}
  ]
})
上一篇下一篇

猜你喜欢

热点阅读