伺服器端渲染 (SSR) 是在伺服器上產生 HTML 的過程,也是 SvelteKit 預設的做法。它對於效能和彈性非常重要,並且對於搜尋引擎最佳化 (SEO) 非常有利 — 雖然有些搜尋引擎可以索引使用 JavaScript 在瀏覽器中呈現的內容,但這種情況發生得較不頻繁且不可靠。
也就是說,有些元件*無法*在伺服器上呈現,可能是因為它們預期能夠立即存取像 window
這樣的瀏覽器全域變數。如果可以,您應該變更這些元件,讓它們能夠在伺服器上呈現,但如果不能,您可以停用 SSR
src/routes/+page.server
export const ssr = false;
在您的根
+layout.server.js
中將ssr
設定為false
,實際上會將您的整個應用程式變成單頁應用程式 (SPA)。
1
2
<h1>{window.innerWidth}x{window.innerHeight}</h1>