feat(admin): 模板精简+请求层适配 Django JWT
- 克隆 art-design-pro v3.0.2(GitHub depth1),rm .git,pnpm clean:dev 精简演示页(92 文件) - .env.development/.env.production 均设 VITE_API_URL=/api,代理目标 127.0.0.1:8000(移除 Apifox Mock) - http 封装信封适配:code===200 解包 data;msg/message 字段兼容(拦截器/error/类型) - /api/admin/auth/token 登录适配(access->Bearer token, refresh->refreshToken);/api/admin/auth/me 映射 UserInfo(userName/roles/is_admin) - 登录页演示账号替换为真实 admin;logOut 按路由名判登录页修复 redirect 嵌套 - 根 .gitignore 补 !admin/.env(模板公共 env 非密钥,需入库) - 验证:Playwright 全链路(错误密码 401 留登页/正确登录进工作台/登出/受保护路由重定向/redirect 回跳)+ pnpm build(vue-tsc 通过,产物无 mock 域名) Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
import request from '@/utils/http'
|
||||
|
||||
/**
|
||||
* 登录(Django 后端 /api/admin/auth/token)
|
||||
*
|
||||
* 适配说明:
|
||||
* - 模板登录视图约定 LoginParams{userName} / LoginResponse{token, refreshToken},
|
||||
* 后端实际接收 {username, password}、返回信封 {code, data: {access, refresh}};
|
||||
* http 封装已解包信封(code===200 返回 data),此处只做字段映射。
|
||||
* - SimpleJWT 要求 Authorization: Bearer <token>,而模板拦截器原样设置
|
||||
* accessToken,故存入 store 前拼上 Bearer 前缀(模板期望的 token 形态)。
|
||||
*/
|
||||
export async function fetchLogin(params: Api.Auth.LoginParams) {
|
||||
const data = await request.post<{ access: string; refresh: string }>({
|
||||
url: '/admin/auth/token',
|
||||
params: { username: params.userName, password: params.password }
|
||||
})
|
||||
return {
|
||||
token: `Bearer ${data.access}`,
|
||||
refreshToken: data.refresh
|
||||
} satisfies Api.Auth.LoginResponse
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取用户信息(Django 后端 /api/admin/auth/me)
|
||||
*
|
||||
* 后端仅返回 {username, is_admin},映射为模板 UserInfo 结构:
|
||||
* - userName ← username;email/avatar 留空(模板有静态兜底头像)
|
||||
* - roles ← is_admin ? ['R_ADMIN'] : [](菜单按 meta.roles 过滤,M1 无角色路由)
|
||||
* - buttons ← [](按钮级权限占位);userId ← 0(仅用于多用户工作台清理判断)
|
||||
*/
|
||||
export async function fetchGetUserInfo(): Promise<Api.Auth.UserInfo> {
|
||||
const data = await request.get<{ username: string; is_admin: boolean }>({
|
||||
url: '/admin/auth/me'
|
||||
})
|
||||
return {
|
||||
buttons: [],
|
||||
roles: data.is_admin ? ['R_ADMIN'] : [],
|
||||
userId: 0,
|
||||
userName: data.username,
|
||||
email: ''
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
import request from '@/utils/http'
|
||||
import { AppRouteRecord } from '@/types/router'
|
||||
|
||||
// 获取用户列表
|
||||
export function fetchGetUserList(params: Api.SystemManage.UserSearchParams) {
|
||||
return request.get<Api.SystemManage.UserList>({
|
||||
url: '/user/list',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
// 获取角色列表
|
||||
export function fetchGetRoleList(params: Api.SystemManage.RoleSearchParams) {
|
||||
return request.get<Api.SystemManage.RoleList>({
|
||||
url: '/role/list',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
// 获取菜单列表
|
||||
export function fetchGetMenuList() {
|
||||
return request.get<AppRouteRecord[]>({
|
||||
url: '/v3/system/menus/simple'
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user