defineRouteRules
Define reglas de ruta para la renderización híbrida a nivel de página.
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
.
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/utils/define-route-rules