member/member-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Init frontend: Vue 3 + Vite member.ose.tw

Browse Source 
建立完整前端架構：
- 配置 Vite + Vue 3 + Element Plus + Tailwind
- 實作 API 模層（axios interceptor + Bearer/Key 認證）
- 狀態管理：auth store（用戶登入狀態）、permission store（權限快照 & Admin 認證）
- 路由守衛：/me* 需 Bearer token，/admin* 不強制
- 完成三個頁面：登入、我的資料、我的權限快照、權限 grant/revoke 管理
- 全面錯誤處理與 UI 提示（401/403/404/503 對應訊息）

Checklist 完成度：
✓ A.初始化（http.js、auth/permission store、.env）
✓ B.API 對接（/me、/me/permissions/snapshot、grant、revoke）
✓ C.頁面三組件
✓ D.行為驗證（Token 過期、自動刷新、錯誤提示）
✓ E.交付條件（獨立刷新、錯誤 UI、loading/success 狀態）

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Chris
2026-03-29 23:26:58 +08:00
commit 3d6b04d6e5
21 changed files with 3788 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
index.html Normal file
View File

@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>member.ose.tw</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>