🔥
Nuxt.jsでWebアプリケーション開発メモ12
概要
管理者専用ページ遷移時の管理者権限状態チェック方法を変更。
プロンプト12
# 命令12
pages/admin/user.vueにおける、管理者権限判定を変更してください。
- middleware/admin.tsは廃止。
- composables/useAuth.tsのuseAuth()のis_Adminで管理者権限判定してください。
- 管理者権限があれば、既存とおなじくユーザー一覧を表示します。
- 管理者権限がなければ、Permission Deniedのみ表示させてください。（新規追加ボタンも非表示にしてください。）
追加命令
管理者専用ページ表示した状態でログアウトするとPermission Deniedが一瞬ちらつくので変数クリアのタイミングをnavigateToでのログインページリダイレクト直後に修正。
対応内容
- middleware/admin.tsでJWTトークンから権限チェックしていたが廃止して、既存のcomposables/useAuth.tsで権限チェックするように変更。
- 権限がない場合、リダイレクトではなくPermission Deniedを表示するように変更。
ソース差分
Discussion