Vue-Routerのナビゲーションガードを使ってみる - Qiita

Vue-Routerのモードはhashを想定しています。 Vue-router Vue-RouterはVue.jsでSPAを作る際につかいます。 ナビゲーションガード 画面にルーティングされる前にパラメータのバリデーションをして、アクセスのガードできます。 イベントの起きる順番と書き方 主にガードする場所は以下の4箇所です グローバルbeforeEach ルート単位beforeEnter コンポーネント単位beforeRouteEnter コンポーネント単位beforeRouteUpdate import Vue from 'vue'; import Router from 'vue-router'; Vue.use(Router); const TestComponent = { // アクセスさせない画面を持つコンポーネント render: function(h) { return h