NUXT 中間件 Middleware

中間件可使您的自定義的函數在渲染頁面以前運行

全部的中間件都必須放置在middleware/目錄下。文件名將做爲中間件的名稱（如：middleware/auth將成爲中間件auth）。
中間件收到上下文做爲第一個參數︰

export default function (context) {
  context.userAgent = context.isServer ? context.req.headers['user-agent'] : navigator.userAgent
}

中間件將按照此順序在序列中執行：

1. nuxt.config.js

2. 匹配的佈局

3. 匹配的頁面

中間件能夠是異步的，僅返回一個Promise或者使用第二個callback返回值：
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，佈局或者頁面中，配置middleware參數
nuxt.config.js

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

中間件stats將在每次路由改變時被調用。
想了解中間件的例子，請移步example-auth0

鄭重聲明！英文極差，純屬看不懂文檔本身整理，翻譯若有問題請各位大神指教。若有不服，你來打我呀？