nuxt.render

nuxt.render(req, res)

• 類(lèi)型： Function
• 參數(shù)：RequestResponse
• 返回： Promise

你可以通過(guò) nuxt.render 函數(shù)，把 Nuxt.js 變成你 Node.js 服務(wù)端的中間件。

例如，結(jié)合 Express.js 使用：

const { Nuxt, Builder } = require('nuxt')

const app = require('express')()
const isProd = (process.env.NODE_ENV === 'production')
const port = process.env.PORT || 3000

// 用指定的配置對(duì)象實(shí)例化 Nuxt.js
const config = require('./nuxt.config.js')
config.dev = !isProd
const nuxt = new Nuxt(config)

// 用 Nuxt.js 渲染每個(gè)路由
app.use(nuxt.render)

// 在開(kāi)發(fā)模式下啟用編譯構(gòu)建和熱加載
if (config.dev) {
  new Builder(nuxt).build()
    .then(listen)
} else {
  listen()
}

function listen () {
  // 服務(wù)端監(jiān)聽(tīng)
  app.listen(port, '0.0.0.0')
  console.log('Server listening on `localhost:' + port + '`.')
}

建議把 nuxt.render 放到中間件列表的最后面，因?yàn)樗粫?huì)再調(diào)用 next() 方法，而是直接處理你 web 應(yīng)用的頁(yè)面渲染。