nuxt.renderRoute

2020-02-13 17:49 更新

nuxt.renderRoute(route, context = {})

  • 類型: Function
  • 參數(shù):String,帶渲染的路由路徑可選, Object, 指定的上下文對象,可用的屬性鍵: req 和 res
  • 返回: Promisehtml: Stringerror: null 或 Objectredirected: false 或 Object
使用指定的上下文對象渲染指定的路由路徑。

和 nuxt.renderAndGetWindow 類似,該方法只用于 測試目的

nuxt.renderRoute 需在生產(chǎn)模式(dev: false)的編譯過程之后才可調(diào)用。

例如:

const Nuxt = require('nuxt')
const config = require('./nuxt.config.js')
config.dev = false
const nuxt = new Nuxt(config)

nuxt.build()
  .then(() => {
    return nuxt.renderRoute('/')
  })
  .then(({ html, error, redirected }) => {
  // html 類型為 string

    // 當(dāng)顯示 error 視圖時,error 的值不為 null。error 對象的格式為:
    // { statusCode: 500, message: 'My error message' }

  // redirected is not false when redirect() has been used in data() or fetch()
  // 如果 `redirect` 方法已在 `asyncData` 或 `fetch` 方法中調(diào)用,redirected 的值非 false,其格式如下:
  // { path: '/other-path', query: {}, status: 302 }
  })


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號