nuxt logo

문서 번역(비공식)

defineRouteRules

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

이것도 참고 guide > going-further > experimental-features#inlinerouterules

Usage

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를 직접 설정해야 합니다.

이것도 참고 guide > concepts > rendering#hybrid-rendering