nuxt logo

Traducción de Documentación (No Oficial)

defineRouteRules

Define reglas de ruta para la renderización híbrida a nivel de página.

Ver también guide > going-further > experimental-features#inlinerouterules

Uso

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

<template>
  <h1>¡Hola mundo!</h1>
</template>

Se traducirá a:

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

Al ejecutar nuxt build, la página de inicio se pre-renderizará en .output/public/index.html y se servirá estáticamente.

Notas

  • Una regla definida en ~/pages/foo/bar.vue se aplicará a las solicitudes de /foo/bar.
  • Una regla en ~/pages/foo/[id].vue se aplicará a las solicitudes de /foo/**.

Para tener más control, como si estás usando un path o alias personalizado establecido en el definePageMeta de la página, deberías establecer routeRules directamente dentro de tu nuxt.config.

Ver también guide > concepts > rendering#hybrid-rendering