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.vuese aplicará a las solicitudes de/foo/bar. - Una regla en
~/pages/foo/[id].vuese 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