Files
dashboard/.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/架构设计.md
T
2026-07-01 11:26:23 +08:00

858 B

  • 技术栈: 采用 Vue 3 (Composition API) + Vite 构建,UI 框架为 Element Plus,路由使用 vue-router。
  • 目录结构: 遵循经典的前端分层架构:src/api 封装 Axios 请求与业务接口;src/views 存放页面级组件;src/components 存放通用 UI 组件;src/layout 定义整体布局(侧边栏、顶部导航);src/utils 提供认证、HTTP 拦截器等工具函数。
  • 核心机制: src/utils/request.js 实现了统一的 HTTP 拦截器,处理 JWT Token 注入、401/403 错误自动跳转登录及全局错误提示。src/router/index.js 配置了基于角色的路由守卫,支持超级管理员权限控制。
  • 状态管理: 未引入 Pinia/Vuex,认证状态(Token、用户信息)通过 localStorage 配合 src/utils/auth.js 中的工具函数进行持久化与管理。