在關於載入資料的章節中,我們看到了如何從 +page.js
、+page.server.js
、+layout.js
和 +layout.server.js
檔案導出 load
函式。我們也可以從這些模組導出各種頁面選項
ssr
— 頁面是否應該進行伺服器端渲染csr
— 是否載入 SvelteKit 客戶端prerender
— 是否在建置時預先渲染頁面,而不是每次請求trailingSlash
— 是否剝離、添加或忽略 URL 中的尾部斜線
在接下來的練習中,我們將依次學習這些選項。
頁面選項可以應用於個別頁面(如果從 +page.js
或 +page.server.js
導出),或頁面群組(如果從 +layout.js
或 +layout.server.js
導出)。要為整個應用程式定義一個選項,請從根版面導出它。子版面和頁面會覆蓋在父版面中設定的值,因此,例如,您可以為整個應用程式啟用預先渲染,然後為需要動態渲染的頁面停用它。
您可以在應用程式的不同區域混合和匹配這些選項 — 您可以預先渲染您的行銷頁面、動態伺服器渲染您的資料驅動頁面,並將您的管理頁面視為客戶端渲染的 SPA。這使得 SvelteKit 非常靈活。
上一個 下一個
1
2
<h2>Page options</h2>