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。