defineRouteRules
在页面级别定义混合渲染的路由规则。
用法
pages/index.vue
<script setup lang="ts">
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
。