更新wiki

.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/_module.yaml

@@ -0,0 +1,9 @@
+schema_version: 1
+module_path: frontend
+title: 音频设备管理前端应用
+scope:
+    - frontend/
+source_files: []
+depends_on: []
+related_to:
+    - path: backend

.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/技术栈.md

@@ -0,0 +1 @@
+Vue 3, Vite, Element Plus, Axios, Vue Router

.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/架构设计.md

@@ -0,0 +1,4 @@
+- **技术栈**: 采用 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` 中的工具函数进行持久化与管理。

.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/概述.md

@@ -0,0 +1 @@
+基于 Vue 3 和 Element Plus 构建的耳机品牌、型号及 OTA 升级管理的单页应用。

.qoder/repowiki/knowledge/zh/音频设备管理全栈平台/音频设备管理前端应用/编码规范.md

@@ -0,0 +1,3 @@
+- API 模块按业务领域拆分（如 auth.js, brand.js），统一导出异步方法并依赖 @/utils/request 实例。
+- 视图组件采用路径映射命名规范，每个业务模块在 views 下拥有独立文件夹及 index.vue 入口文件。
+- 认证逻辑集中在 utils/auth.js，提供 getToken, isSuperAdmin, clearAuth 等原子操作供路由守卫和组件调用。