如何在Nuxt3中禁用某些页面的SSR

Question

我正在 Nuxt 3 中开发一个应用程序。只有登录后才能访问该应用程序的一部分。我想对这些路由禁用 SSR，同时对公开可用的路由保持打开状态。

Nuxt 3 有办法做到这一点吗？我只在

nuxt.config.ts

文件中找到了全局禁用SSR的选项

Answer 1

您正在寻找的解决方案是混合渲染，您可以在其中为每个页面指定一些参数，

ssr

包括：

export default defineNuxtConfig({
  routeRules: {
    // Homepage pre-rendered at build time
    '/': { prerender: true },
    // Product page generated on-demand, revalidates in background
    '/products/**': { swr: 3600 },
    // Blog post generated on-demand once until next deploy
    '/blog/**': { isr: true },
    // Admin dashboard renders only on client-side
    '/admin/**': { ssr: false },
  }
})