首页技术文章正文

Nuxt框架进行服务端渲染有哪些优势?

更新时间:2023-07-31 来源:黑马程序员 浏览量:

IT培训班

Nuxt 采用了混合的架构模式,同时支持 SSR 和 SPA,兼顾了 SSR 和 SPA 的优点,页面切换流畅,动态渲染变化的部分,用户体验好,提高页面首次加载速度 和 SEO。

SSR 服务端渲染: 首次访问页面 ,Nuxt.js 在服务器端执行 Vue 组件的渲染过程,并生成初始 HTML。

SPA 客户端激活:一旦初始 HTML 被发送到浏览器,Vue.js 会接管页面,后续的页面切换则使用 SPA 的方式进行。

Nuxt 框架适用于企业网站、商品展示 等 C 端网站,对 SEO 搜索更友好,且页面切换流畅,用户体验更好。

Nuxt 默认开启 SSR 服务端渲染,推荐开启,从而兼顾了 SSR 和 SPA 的优点,也利于 SEO 搜索引擎优化,开启和关闭服务器端渲染的代码如下:

// nuxt.config.ts
export default defineNuxtConfig({
  // 是否开启 ssr 服务端渲染
  ssr: true,
})


分享到:
在线咨询 我要报名
和我们在线交谈!