You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

翻訳されたページ このページのコンテンツは古い可能性があります。

nuxt.renderRoute(route, context)

渡されたコンテキストを使い、特定のルートをレンダリングします。


  • 型: Function
  • 引数:
    1. String : レンダリングするルート
    2. オプション Object、渡されたコンテキスト、利用可能なキー: reqres
  • 戻り値: Promise
    • html: String
    • error: null または Object
    • redirected: false または Object

このメソッドはほとんどの場合 nuxt.renderAndGetWindow とともにテストする目的で使われます。

nuxt.renderRoute はプロダクションモードではビルド処理の後に実行するといいでしょう。
const { loadNuxt, build } = require('nuxt')

async function start() {
  // 起動用の nuxt インスタンスを取得します(プロダクションモード)
  // このスクリプトを実行する前に `nuxt build` を実行していることを確認してください
  const nuxt = await loadNuxt({ for: 'start' })

  const { html, error, redirected } = await nuxt.renderRoute('/')

  // `html` は常に文字列になります

  // エラーレイアウトが表示されるときは `error` は null ではありません。エラーフォーマットは下記:
  // { statusCode: 500, message: 'My error message' }

  // `asyncData()` または `fetch()` 内で `redirect()` が使われたときは `redirected` は `false` ではありません
  // { path: '/other-path', query: {}, status: 302 }
}

start()