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.
© 2016–PRESENT Nuxt Labs https://nuxt.com
※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