Nuxt框架進(jìn)行服務(wù)端渲染有哪些優(yōu)勢(shì)？

Nuxt 采用了混合的架構(gòu)模式，同時(shí)支持 SSR 和 SPA，兼顧了 SSR 和 SPA 的優(yōu)點(diǎn)，頁(yè)面切換流暢，動(dòng)態(tài)渲染變化的部分，用戶體驗(yàn)好，提高頁(yè)面首次加載速度 和 SEO。

SSR 服務(wù)端渲染： 首次訪問頁(yè)面 ，Nuxt.js 在服務(wù)器端執(zhí)行 Vue 組件的渲染過程，并生成初始 HTML。

SPA 客戶端激活：一旦初始 HTML 被發(fā)送到瀏覽器，Vue.js 會(huì)接管頁(yè)面，后續(xù)的頁(yè)面切換則使用 SPA 的方式進(jìn)行。

Nuxt 框架適用于企業(yè)網(wǎng)站、商品展示 等 C 端網(wǎng)站，對(duì) SEO 搜索更友好，且頁(yè)面切換流暢，用戶體驗(yàn)更好。

Nuxt 默認(rèn)開啟 SSR 服務(wù)端渲染，推薦開啟，從而兼顧了 SSR 和 SPA 的優(yōu)點(diǎn)，也利于 SEO 搜索引擎優(yōu)化，開啟和關(guān)閉服務(wù)器端渲染的代碼如下：

// nuxt.config.ts
export default defineNuxtConfig({
  // 是否開啟 ssr 服務(wù)端渲染
  ssr: true,
})