技术架构 #

参考原文链接1

参考原文链接2

前端相关技术 #

• MVVM框架： Vue2/Vue-router/Vuex
• 构建工具：Webpack
• 组件库：Element-ui
• 可视化：Canvas & SVG & Echarts

页面权限控制 #

通过 Vue-router 的 beforeEach 钩子进行动态路由权限控制，在访问后台相关的页面时进行鉴权，从 Vuex 获取用户的状态，若已获取到了该用户的动态路由，则直接匹配路由表，若未获取动态路由或用户未登录，则查询用户登录信息获取动态路由后匹配路由表。

单点登录 #

AI能力开放平台适配了 OAtuth2 单点登录框架和同一域名共享 cookie 的方式进行单点登录，前端无需关心使用了什么单点登录方式，后端根据启动配置决定使用何种单点登录

现使用的单点登录：

• EP单点登录 ：一本书架构体系
• 易信单点登录 ：办公门户
• 统一运维OP ：云网融合平台、京慧云（BJ-LT）