如何让Nuxt 3正确构建SSG页面+动态API路由？

Question

我正在构建一个仅使用静态生成页面和 JSON API 路由组合的网站，没有模板的运行时 SSR。我希望 Nuxt 相应地构建它：

• /api

  下的路由应由运行时服务器处理
• 所有其他路线都应在构建时预渲染

但是，我不知道如何配置 Nuxt 来执行此特定组合：

• 运行

  nuxt build

  正确生成 api 路由，但不会预渲染页面
• 运行

  nuxt generate

  预渲染页面，但不输出 api 路由的服务器

我正在使用硝基

cloudflare

预设。我尝试了

routeRules

的各种组合，但我不知道如何获得我想要的行为。有什么想法吗？

Answer 1

最简单的方法是将您的

<div>

放入

<clientOnly>

中的模板中，并使用lazyfetch来获取数据。