Want to take a look at our new docs? Our
new docs
are now in beta. Have fun!
API: serverMiddleware 属性
服务器端渲染中间件(serverMiddleware) 属性
- 类型:
Array- Items:
String或Object或Function
- Items:
Nuxt 在内部创建一个连接实例，所以我们可以将我们的中间件注册到它的堆栈，并有机会提供更多的路由，如 API，而无需外部服务器。因为连接本身是一个中间件，所以注册的中间件既可以用于nuxt start，也可以用作具有编程用法的中间件，如express-template。Nuxt Modules还可以使用this.addServerMiddleware()设置serverMiddleware。
服务器端渲染中间件(serverMiddleware) vs 中间件(middleware)!
不要将它与客户端或 SSR 中 Vue 在每条路由之前调用的routes middleware混淆。serverMiddleware只是在 vue-server-renderer之前在服务器端运行，可用于服务器特定的任务，如处理 API 请求或服务资产。
用法
如果中间件是String，Nuxt.js 将尝试自动解析它。
例如 (nuxt.config.js):
import serveStatic from 'serve-static'
export default {
serverMiddleware: [
// Will register redirect-ssl npm package
'redirect-ssl',
// Will register file from project api directory to handle /api/* requires
{ path: '/api', handler: '~/api/index.js' },
// We can create custom instances too
{ path: '/static2', handler: serveStatic(__dirname + '/static2') }
]
}
提示! 如果您不希望中间件注册所有路由，则必须使用具有特定路径的`object`，否则nuxt默认处理程序将不起作用！
自定义服务器端渲染中间件 (Server Middleware)
编写自定义中间件也是可能的。有关更多信息，请参阅 Connect Docs.
Middleware (api/logger.js):
export default function (req, res, next) {
// req 是 Node.js http request 对象
console.log(req.path)
// res 是 Node.js http response 对象
// next是一个调用下一个中间件的函数
// 如果您的中间件不是最终执行，请不要忘记在最后调用next！
next()
}
Nuxt 配置 (nuxt.config.js):
serverMiddleware: ['~/api/logger']