defineRouteRules

源文件
在页面级别定义混合渲染的路由规则。
此功能处于实验阶段，若要使用它，必须在 nuxt.config 中启用 experimental.inlineRouteRules 选项。

使用

app/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。

阅读更多关于 routeRules 的内容。