Nuxt框架進行服務端渲染有哪些優(yōu)勢？

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

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

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

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

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

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