nuxt.render(req, res)

你可以通过 nuxt.render 函数,把 Nuxt.js 变成你 Node.js 服务端的中间件。

例如,结合 Express.js 使用:

  1. const Nuxt = require('nuxt')
  2. const app = require('express')()
  3. const isProd = (process.env.NODE_ENV === 'production')
  4. const port = process.env.PORT || 3000
  5. // 用指定的配置对象实例化 Nuxt.js
  6. let config = require('./nuxt.config.js')
  7. config.dev = !isProd
  8. const nuxt = new Nuxt(config)
  9. // 用 Nuxt.js 渲染每个路由
  10. app.use(nuxt.render)
  11. // 在开发模式下启用编译构建和热加载
  12. if (config.dev) {
  13. nuxt.build()
  14. .catch((error) => {
  15. console.error(error)
  16. process.exit(1)
  17. })
  18. }
  19. // 服务端监听
  20. app.listen(port, '0.0.0.0')
  21. console.log('Server listening on localhost:' + port)

建议把 nuxt.render 放到中间件列表的最后面,因为它不会再调用 next() 方法,而是直接处理你 web 应用的页面渲染。