Nuxt 3：嵌套动态路由未按预期预渲染

Question

我正在开发一个 Nuxt 3 项目，目标是在构建时预渲染每个页面，除了特定的动态路由（例如我的商店和产品页面），它们应该始终是动态的。我遇到一个问题，即嵌套动态路由未按预期预渲染。虽然我的

projects/index.vue

工作正常，但动态查询的

projects/[slug].vue

并未被预渲染。这些页面上的数据始终是最新的。

这是我当前的

routeRules

设置在我的

nuxt.config.js

中：

routeRules: {
    '/**': { prerender: true },
    '/projects': { prerender: true },
    '/projects/**': { prerender: true },
    '/shop': { isr: false },
    '/shop/**': { isr: false },
    '/shop/products/**': { isr: false },
}

使用此设置，虽然顶级路由按预期预渲染（包括 /projects 路由），但

/projects/** 

下的嵌套动态路由则不是。我正在 Vercel 上部署，想知道这是否会影响行为。

任何有关确保这些嵌套路由按预期预渲染的建议将不胜感激。

谢谢！

Answer 1

您找到解决方案了吗？我只在一条路线上遇到了同样的问题