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: 'エラーメッセージ' }

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

start()

このあとは

fetch メソッドについてのドキュメントを参照してください。

コントリビューター

間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する

このページで

Partners

  • Netlify
  • Google Chrome
  • Vercel
  • Swell
  • Strapi
  • Ship Shape
  • Layer0
  • Storyblok
  • 64 Robots
  • Netlify
  • Google Chrome
  • Vercel
  • Swell
  • Strapi
  • Ship Shape
  • Layer0
  • Storyblok
  • 64 Robots
Support Us