美文网首页
Vue Router redirect(重定向)

Vue Router redirect(重定向)

作者: 两年半练习程序员 | 来源:发表于2019-03-15 11:57 被阅读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'
                },
        }}
      ]
    })
    

    相关文章

      网友评论

          本文标题:Vue Router redirect(重定向)

          本文链接:https://www.haomeiwen.com/subject/tkjlmqtx.html