nuxtのmiddlewareメモ

middlewareとは

このライフサイクルの最初の方にあるもの。レンダリングする前に処理を行いたいときに使う。また全ページ共通の処理としてもかけるので共通のものを書きたいときにも使う。

書き方

• middleware/ ディレクトリに書く
• middleware/auth.js は auth ミドルウェアになる
• ミドルウェアは第一引数として コンテキスト を受け取ります
• 下記のように

nuxt.config.js

export default {
  router: {
    middleware: 'auth'
  }
}

middleware/stats.js

import axios from 'axios'

export default function ({ route }) {
  return axios.post('http://my-stats-api.com', {
    url: route.fullPath
  })
}