defineRouteRules
定义页面级混合渲染的路由规则。
用法
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 中预渲染并静态提供。注意事项
- 在
~/pages/foo/bar.vue中定义的规则将应用于/foo/bar请求。 - 在
~/pages/foo/[id].vue中定义的规则将应用于/foo/**请求。
为了获得更多控制，例如如果您正在使用页面 definePageMeta 中设置的自定义 path 或 alias，您应该直接在 nuxt.config 中设置 routeRules。