何?JavaScriptVue.jsmiddlewareVuexnuxt.jsミドルウェアとはミドルウェアを使用すると、ページがレンダリングされる前(SSR処理などが行われる前)に設定された関数を実行することができる認証許可が必要なページやログイン後のリダイレクトパスを保持するために使用される。関数はmiddleware/ディレクトリに入れるmiddleware/auth.jsはauthミドルウェアになるミドルウェアは第一引数にcontextを取るcontextの内容についてはこちらを参照ユニバーサルモードの場合は、サーバーサイドで一度だけ呼び出される。(Nuxtアプリケーションへの最初のリクエスト時、またはページの再読み込み時)クライアントサイドでは、他のルートへ移動した時に呼び出される。SPAモードの場合、クライアントサイドでの最初のリクエスト時と他のルートへ移動した時に呼び出される。middlewareを使用した処理の例storeのアカウント情報が無い場合、ログイン画面にリダイレクトされる処理を書いてみる。}}これをnuxt.config.jsで読み込む。}}このようにすると全てのルート変更時にredirect.jsが読み込まれるようになる。特定のページ(またはレイアウト)にのみ特定の関数を設定することもできる。]}</script>1ファイルに1つの処理の場合は、'auth'で関数を実行することができる。1つのファイルに複数の関数がある場合は、ファイルをimportすることで特定の関数を実行することができる。middlewareの実行順序についてmiddleware自体の実行順序は、このようになっている。plugins→middleware→fetch→asyncDatamiddlewareの関数の呼び出し方の違いによる実行順序はこのようになる。nuxt.config.js→layout→pageLogin画面では実行したくない問題アカウント情報を確認してリダイレクトさせる処理をmiddleware内に書いた場合、Login画面ではまだアカウント情報がないので、関数を実行したくない場合がある。その場合は、middleware内のcontextにrouteがあるので、そこから関数を実行したくないページを弾いて処理を実行させるようにする。upLoginユーザーは見つかりませんでした。