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

t40tm48m  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(329)

我在Nuxt 3中开发了一个应用程序。该应用程序的一部分只有在您登录后才能访问。我想对这些路由禁用SSR,同时对公开可用的路由保持SSR。
在Nuxt 3中有没有办法做到这一点?我只在nuxt.config.ts文件中找到一个全局禁用SSR的选项

8e2ybdfx

8e2ybdfx1#

您正在寻找的解决方案是混合渲染,您可以为每个页面指定一些参数,包括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 },
  }
})

相关问题