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

郑重声明！英文极差，纯属看不懂文档本身整理，翻译若有问题请各位大神指教。若有不服，你来打我呀？