defineRouteRules
Defina regras de rota para renderização híbrida no nível da página.
Uso
pages/index.vue
<script setup lang="ts">
defineRouteRules({
prerender: true
})
</script>
<template>
<h1>Hello world!</h1>
</template>
Será traduzido para:
nuxt.config.ts
export default defineNuxtConfig({
routeRules: {
'/': { prerender: true }
}
})
Ao executar nuxt build, a página inicial será pré-renderizada em .output/public/index.html e servida estaticamente.
Notas
- Uma regra definida em
~/pages/foo/bar.vueserá aplicada a solicitações de/foo/bar. - Uma regra em
~/pages/foo/[id].vueserá aplicada a solicitações de/foo/**.
Para mais controle, como se você estiver usando um path ou alias personalizado definido no definePageMeta da página, você deve definir routeRules diretamente no seu nuxt.config.
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/utils/define-route-rules