Vue3路由的redirect重定向结合函数实现不同的用户身份跳转到不同的首页

访问网页主域名的时候,识别用户身份跳转到不同的首页,配置路由重定向
const routes: Array<RouteRecordRaw> = [
  // 访问主域名的时候,根据用户的登录信息,重定向到不同的页面
  {
    path: "/",
    redirect: () => {
      // loginInfo是从后台返回的用户信息
      const {groupdId} = loginInfo;
    
      // 根据组别ID进行跳转
      switch(groupdId) = {
        // 管理员跳转到仪表盘
        case 1:
          return "/dashboard";
        // 普通用户跳转到首页
        case 2:
          return "/home";
        // 其他用户都认为未登录,跳转到登录页
        default: 
          return "/login";
      }
    }
  }
]
posted @ 2023-01-05 13:05  Felix_Openmind  阅读(1459)  评论(0)    收藏  举报
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}