Nuxt.js 開發筆記 - Middleware

更新於 2018-05-03 (四)

Middleware 會在一個頁面或一群頁面render之前執行的程式。

例如驗證使用者權限之類的功能，就會以middleware的方式來處理。

middleware會接收到一個context的變數作為第一個參數，關於context 裡面有key，可參考這裡。

middleware被執行的順序如下：

以下是參考範例
先在middleware裡面建立要執行的程式，檔名會自動可成為被呼叫的名稱

middleware/stats.js

import axios from 'axios'

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

nuxt.config.js

module.exports = {
  router: {
    middleware: 'stats'
  }
}