Nuxt.jsで権限管理 - Qiita

これはNuxt.js Advent Calendar 2019 4日目の記事です。 VueがForm作るのに向いていることもあり、admin画面をVue/Nuxtで作るユースケースはそれなりにあると思います。どう実装するかですが、よくあるパターンとしてRole-based access controlがあります。 サンプル https://auth0.com/blog/role-based-access-control-rbac-and-react-apps/ これはReactの実装例ですが、Nuxtなりにやってみるとどうなるかというところから書いてみます。 制御したいものを考える 権限のない人に見せたくないものは多くの場合 特定のページ 特定の要素（コンポーネント） の2つになるかと思います。なので、ページアクセスの制御とレンダリング制御ができれば良さそうです。 具体例は後述しますが、今