You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Nuxt3中能否为特定页面配置服务端渲染?

在Nuxt中为特定页面配置不同渲染模式

当然可以实现,针对不同Nuxt版本,具体配置方式如下:

Nuxt 3 版本

  • 服务端渲染页面(/foo):Nuxt 3 默认全局启用SSR,所以pages/foo.vue无需额外配置,直接就是SSR模式。如果全局修改过默认SSR设置,可在该页面组件内添加:
    <script setup>
    definePageMeta({
      ssr: true
    })
    </script>
    
  • 客户端渲染页面(/bar):在pages/bar.vue中通过页面元数据强制关闭SSR,改为纯客户端渲染:
    <script setup>
    definePageMeta({
      ssr: false
    })
    </script>
    

Nuxt 2 版本

  • 服务端渲染页面(/foo):Nuxt 2 默认全局SSR,pages/foo.vue保持默认即可,无需额外配置。
  • 客户端渲染页面(/bar):在pages/bar.vue的脚本部分导出配置,关闭该页面的SSR:
    <script>
    export default {
      ssr: false
    }
    </script>
    

配置完成后,www.example.com/foo会以SSR模式渲染,www.example.com/bar则以纯客户端SPA模式渲染。

内容的提问来源于stack exchange,提问作者Waleed Tariq

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 21:00:53