defineRouteRules
定义页面级别的混合渲染路由规则。
使用方法
pages/index.vue
<script setup>
defineRouteRules({
prerender: true
})
</script>
<template>
<h1>你好，世界！</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。