defineRouteRules
페이지 수준에서 하이브리드 렌더링을 위한 라우트 규칙 정의.
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
를 직접 설정해야 합니다.
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/utils/define-route-rules