73 lines
2.0 KiB
Markdown
73 lines
2.0 KiB
Markdown
# 风铃认证中心 - 布局和路由修复
|
|
|
|
## 修复的问题
|
|
|
|
1. **菜单点击不跳转** - 添加了 `router.push({ name: index })` 到 `handleMenuSelect`
|
|
2. **App.vue 缺少 router-view** - 更新为包含 `<router-view />` 和基础样式
|
|
3. **面包屑显示** - 优化为只在非 Dashboard 页面显示
|
|
4. **内容区域样式** - 添加 `content-wrapper` 包裹，优化布局
|
|
|
|
## 现在的布局结构
|
|
|
|
```
|
|
App.vue
|
|
└── <router-view />
|
|
├── Login.vue (路径: /login)
|
|
├── Callback.vue (路径: /auth/callback)
|
|
└── Dashboard.vue (路径: / 及其子路由)
|
|
├── 侧边栏 (el-aside)
|
|
└── 主内容区 (el-main)
|
|
├── 面包屑 (可选)
|
|
└── <router-view /> (嵌套子路由)
|
|
├── Dashboard/Dashboard.vue
|
|
├── Users/UserList.vue
|
|
├── Users/RoleList.vue
|
|
├── Users/TenantList.vue
|
|
├── OAuth/ClientList.vue
|
|
├── Audit/AccessLog.vue
|
|
└── Audit/AuditLog.vue
|
|
```
|
|
|
|
## 运行项目
|
|
|
|
### 启动后端
|
|
```bash
|
|
cd src/Fengling.AuthService
|
|
dotnet run
|
|
```
|
|
|
|
### 启动前端
|
|
```bash
|
|
cd src/Fengling.Console.Web
|
|
npm run dev
|
|
```
|
|
|
|
访问: http://localhost:5173
|
|
|
|
默认登录:
|
|
- 用户名: admin
|
|
- 密码: Admin@123
|
|
|
|
## 功能测试清单
|
|
|
|
- [ ] 登录页面正常显示
|
|
- [ ] 登录成功后跳转到仪表盘
|
|
- [ ] 侧边栏菜单正常显示
|
|
- [ ] 点击菜单项正确跳转
|
|
- [ ] 当前菜单项高亮显示
|
|
- [ ] 面包屑导航正确显示
|
|
- [ ] 各个管理页面正常加载
|
|
- [ ] 退出登录功能正常
|
|
|
|
## 页面路由
|
|
|
|
| 路径 | 名称 | 页面 |
|
|
|------|------|------|
|
|
| / | Dashboard | 仪表盘 |
|
|
| /users | UserList | 用户列表 |
|
|
| /roles | RoleList | 角色管理 |
|
|
| /tenants | TenantList | 租户管理 |
|
|
| /oauth/clients | OAuthClients | OAuth 应用 |
|
|
| /logs/access | AccessLog | 访问日志 |
|
|
| /logs/audit | AuditLog | 审计日志 |
|