• nuxt.render(req, res)

    nuxt.render(req, res)

    • 类型: Function
    • 参数:
      • Request
      • Response
    • 返回: Promise

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

    例如,结合 Express.js 使用:

    1. const { Nuxt, Builder } = 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. new Builder(nuxt).build()
    14. .then(listen)
    15. }
    16. else {
    17. listen()
    18. }
    19. function listen() {
    20. // 服务端监听
    21. app.listen(port, '0.0.0.0')
    22. console.log('Server listening on `localhost:' + port + '`.')
    23. }

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