Demo 示例

服務器渲染示例頁面，調用後端接口展示數據

接口返回數據SSR
rettrue
msgnull
statusCode0
dataHello World

什麼是 SSR？

SSR（服務器端渲染）是指頁面在服務器上生成 HTML 後發送給瀏覽器，用戶首次加載即可看到完整內容，有利於 SEO 和首屏加載速度。

使用方法

  1. 頁面在服務器端自動調用後端接口獲取數據
  2. HTML 直接包含渲染好的內容，無需客戶端再請求
  3. 查看接口返回的數據展示
  4. 適合需要 SEO 優化的頁面場景

SSR 適用場景

SEO 優化

搜索引擎可直接抓取頁面內容，提升排名

首屏速度

服務端返回完整 HTML，用戶無需等待 JS 加載

動態元數據

根據接口數據生成動態 title 和 description

常見問題 (FAQ)

Q: SSR 和 CSR 有什麼區別？

A: SSR 在服務器生成 HTML，客戶端直接展示；CSR 在瀏覽器加載 JS 後再渲染內容。SSR 首屏更快且 SEO 友好。

Q: 所有頁面都應該用 SSR 嗎？

A: 不需要。需要 SEO 的頁面（如工具頁、文章頁）適合 SSR；交互頻繁的頁面（如編輯器）適合 CSR。