prerenderRoutes

ソース
prerenderRoutes は、追加のルートをプリレンダリングするように Nitro にヒントを与えます。

プリレンダリング時、生成されたページの HTML に URL が表示されない場合でも、追加のパスをプリレンダリングするように Nitro にヒントを与えることができます。

prerenderRoutes は Nuxt コンテキスト内でのみ呼び出すことができます。
prerenderRoutes はプリレンダリング中に実行する必要があります。プリレンダリングされていない動的ページ/ルートで prerenderRoutes が使用されている場合、実行されません。
const route = useRoute()

prerenderRoutes('/')
prerenderRoutes(['/', '/about'])
ブラウザ内、またはプリレンダリングの外部で呼び出された場合、prerenderRoutes は効果がありません。

API ルートもプリレンダリングでき、これは完全な静的生成サイト (SSG) に特に役立ちます。なぜなら、利用可能なサーバーがあるかのようにデータを $fetch できるからです！

prerenderRoutes('/api/content/article/name-of-article')

// Somewhere later in App
const articleContent = await $fetch('/api/content/article/name-of-article', {
  responseType: 'json',
})
本番環境でプリレンダリングされた API ルートは、デプロイするプロバイダーによっては、期待されるレスポンスヘッダーを返さない場合があります。たとえば、JSON レスポンスが application/octet-stream のコンテンツタイプで提供されることがあります。プリレンダリングされた API ルートをフェッチする際は、常に responseType を手動で設定してください。