nuxt logo

ドキュメント翻訳(非公式)

defineRouteRules

ページレベルでハイブリッドレンダリングのためのルートルールを定義します。

こちらも参照 guide > going-further > experimental-features#inlinerouterules

使用法

pages/index.vue
<script setup lang="ts">
defineRouteRules({
  prerender: true
})
</script>

<template>
  <h1>Hello world!</h1>
</template>

次のように変換されます:

nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true }
  }
})

nuxt build を実行すると、ホームページは .output/public/index.html にプリレンダリングされ、静的に提供されます。

注意事項

  • ~/pages/foo/bar.vue に定義されたルールは、/foo/bar リクエストに適用されます。
  • ~/pages/foo/[id].vue にあるルールは、/foo/** リクエストに適用されます。

カスタムの pathalias をページの definePageMeta で設定している場合など、より詳細な制御が必要な場合は、nuxt.config 内で直接 routeRules を設定する必要があります。

こちらも参照 guide > concepts > rendering#hybrid-rendering