混合访问控制

实现原理: 混合模式同时结合了前端访问控制和后端访问控制两种方式。系统会并行处理前端固定路由权限和后端动态菜单数据,最终将两部分路由合并,提供更灵活的权限控制方案。

优点: 兼具前端控制的性能优势和后端控制的灵活性,适合复杂业务场景下的权限管理。

步骤

  • 确保当前模式为混合访问控制模式

调整对应应用目录下的 preferences.ts,确保 accessMode='mixed'

import {defineOverridesPreferences} from '#/components/common/core/preferences';

export const overridesPreferences = defineOverridesPreferences({
  // overrides
  app: {
    accessMode: 'mixed',
  },
});

  • 配置前端路由权限

同前端访问控制模式的路由权限配置方式。

  • 配置后端菜单接口

同后端访问控制模式的接口配置方式。

  • 确保角色和权限匹配

需要同时满足前端路由权限配置和后端菜单数据返回的要求,确保用户角色与两种模式的权限配置都匹配。

到这里,就已经配置完成,混合模式会自动合并前端和后端的路由,提供完整的权限控制功能。