ミドルウェアとは Vue Router を使うにあたって、それぞれのルートで何かしら共通の処理を行いたい場合に、ロジックを使いまわせると便利です。使い回しが効くように切り出されたロジックをここではミドルウェアと呼んでいます。Vue Router のライフサイクルに組み込まれたフックを利用してミドルウェア機構を実装していきます。 Router の作成 import Vue from 'vue' import store from '~/store' import Meta from 'vue-meta' import routes from './routes' import Router from 'vue-router' import { sync } from 'vuex-router-sync' Vue.use(Meta) Vue.use(Router) // The middlew