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 @   Felix_Openmind  阅读(1348)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示