1.2 KiB
1.2 KiB
Frontend TaskPlan
目標
完成 member.ose.tw 前端(Vue3 + JS + Vite + Element Plus + Tailwind),可獨立完成登入、查看個人資料、查看權限、管理授權。
已完成(依目前程式)
- Vite + Vue3 專案結構
- Element Plus + Tailwind 基礎接入
- Router 與頁面骨架
LoginPage(token 輸入)MePage(GET /me)PermissionSnapshotPage(GET /me/permissions/snapshot)PermissionAdminPage(grant/revoke)- Pinia store(auth + permission)
- Axios 分離 user/admin client
- Production build 可通過
進行中(建議近期)
- 補路由守衛策略(是否限制
/admin/permissions需登入) - 錯誤訊息 i18n 與統一顯示格式
- 新增操作完成後自動刷新快照的 UX
待辦(上線前)
- 增加 e2e / UI smoke 測試
- 優化 bundle size(目前 main chunk 偏大)
- 加入環境切換策略(dev/staging/prod)
- 加入登入來源與 token 取得說明頁
驗收條件
- 未登入時導向登入頁行為正確
- 登入後可穩定讀取
/me與快照 - 管理頁 grant/revoke 成功與錯誤提示完整
- 與後端契約文件一致(
FRONTEND_API_CONTRACT.md)