defineRouteRules
ページレベルでハイブリッドレンダリングのためのルートルールを定義します。
使用法
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/**
リクエストに適用されます。
カスタムの path
や alias
をページの definePageMeta
で設定している場合など、より詳細な制御が必要な場合は、nuxt.config
内で直接 routeRules
を設定する必要があります。
※このページは Nuxt.js 公式ドキュメントの翻訳ページ(非公式)です。
公式ドキュメントの該当ページはこちら:
https://nuxt.com/docs/3.x/api/utils/define-route-rules