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。