defineRouteRules
Определите правила маршрутов для гибридного рендеринга на уровне страницы.
Эта функция является экспериментальной, и для ее использования необходимо включить опцию
experimental.inlineRouteRules в вашем nuxt.config.Использование
pages/index.vue
<script setup lang="ts">
defineRouteRules({
prerender: true
})
</script>
<template>
<h1>Привет мир!</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 страницы, вы должны установить routeRules непосредственно в вашем nuxt.config.