Nuxt 如何配置 SSR 与 SSG?
Nuxt 默认通用渲染(Universal,即 SSR),可一行切换为纯静态:
// nuxt.config.ts
export default defineNuxtConfig({
ssr: true, // true=SSR+注水;false=纯客户端 SPA
// 纯静态站点(SSG / 预渲染):
// 用 `nuxt generate` 构建,或
routeRules: {
'/blog/**': { prerender: true } // 这些路由构建时预渲染成静态
}
})ssr: true:服务端渲染首屏 + 客户端注水(默认)ssr: false:纯 SPA,无服务端渲染nuxi generate/routeRules.prerender:构建期把页面预渲染成静态 HTML(SSG)
Nuxt 的「混合渲染」可按路由分别指定 SSR/SSG/缓存,非常灵活。