Angular 12 -根据角色重定向用户

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';

@Injectable()
export class RoleGuard implements CanActivate {
  constructor(private router: Router) {}

  canActivate(): boolean {
    // 在这里检查用户的角色
    const userRole = getUserRole(); // 获取用户角色的方法，可以根据实际情况自定义

    if (userRole === 'admin') {
      // 如果用户角色是管理员，重定向到管理员页面
      this.router.navigate(['/admin']);
      return false;
    } else if (userRole === 'user') {
      // 如果用户角色是普通用户，重定向到用户页面
      this.router.navigate(['/user']);
      return false;
    }

    // 如果用户角色未知或无效，重定向到默认页面
    this.router.navigate(['/default']);
    return false;
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { RoleGuard } from './role.guard';

const routes: Routes = [
  {
    path: '',
    canActivate: [RoleGuard], // 使用路由守卫
    children: [
      // 定义其他路由和组件
      // ...
    ]
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }