42 lines
962 B
Markdown
42 lines
962 B
Markdown
---
|
||
name: frontend-admin-router
|
||
description: Admin 前端路由规范，基于 Vue Router
|
||
globs:
|
||
- "frontend/admin/src/router/**/*.ts"
|
||
---
|
||
|
||
## 路由结构
|
||
|
||
```typescript
|
||
import type { RouteRecordRaw } from 'vue-router';
|
||
|
||
const routes: RouteRecordRaw[] = [
|
||
{
|
||
path: '/{module}',
|
||
component: () => import('#/layouts/DefaultLayout.vue'),
|
||
children: [
|
||
{
|
||
path: '{model}',
|
||
name: '{App}{Model}List',
|
||
component: () => import('#/views/{module}/{model}/index.vue'),
|
||
meta: { title: '{title}', permission: '{module}:{model}:list' },
|
||
},
|
||
],
|
||
},
|
||
];
|
||
```
|
||
|
||
## 关键约定
|
||
|
||
- 路由 name：`{App}{Model}List`（PascalCase）
|
||
- 路由 path：`/{module}/{model}`（kebab-case）
|
||
- 所有页面使用懒加载（dynamic import）
|
||
- 权限通过 `meta.permission` 配置
|
||
|
||
## 检查清单
|
||
|
||
- [ ] 路由 name 是否 PascalCase
|
||
- [ ] 是否使用懒加载
|
||
- [ ] 权限配置是否正确
|
||
- [ ] 父子路由嵌套是否合理
|