defineRouteRules

Source
페이지 수준에서 하이브리드 렌더링을 위한 라우트 규칙을 정의합니다.
이 기능은 실험적이며, 사용하려면 nuxt.config에서 experimental.inlineRouteRules 옵션을 활성화해야 합니다.

Usage

app/pages/index.vue
<script setup lang="ts">
defineRouteRules({
  prerender: true,
})
</script>

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

다음과 같이 변환됩니다:

nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true },
  },
})
nuxt build를 실행하면, 홈 페이지는 .output/public/index.html로 미리 렌더링되며 정적으로 제공됩니다.

Notes

  • ~/pages/foo/bar.vue에 정의된 규칙은 /foo/bar 요청에 적용됩니다.
  • ~/pages/foo/[id].vue의 규칙은 /foo/** 요청에 적용됩니다.

페이지의 definePageMeta에 설정된 사용자 정의 path 또는 alias를 사용하는 등 더 세밀한 제어가 필요하다면, nuxt.config 내에서 직접 routeRules를 설정해야 합니다.

routeRules에 대해 더 읽어보세요.