首頁技術(shù)文章正文

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

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

IT培訓(xùn)班

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

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

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

Nuxt 框架適用于企業(yè)網(wǎng)站、商品展示 等 C 端網(wǎng)站,對 SEO 搜索更友好,且頁面切換流暢,用戶體驗(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,
})


分享到:
在線咨詢 我要報(bào)名
和我們在線交談!