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.