defineRouteRules

페이지 수준에서 하이브리드 렌더링을 위한 라우팅 규칙을 정의한다.

실험적인 기능으로 사용하려면 nuxt.config 에서 experimental.inlineRouteRules 옵션을 활성화해야 한다.

 

사용법

<!--
pages/index.vue
-->

<script setup>
defineRouteRules({
  prerender: true
})
</script>

<template>
  <h1>Hello world!</h1>
</template>

다음과 같다.

export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true }
  }
})