首頁技術文章正文

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

更新時間:2023-07-31 來源:黑馬程序員 瀏覽量:

IT培訓班

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

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

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

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

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

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


分享到:
在線咨詢 我要報名
和我們在線交談!