Nuxt Nation conference is coming. Join us on November 12-13.

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.

Узнайте больше о routeRules.