跳到主要內容

在關於載入資料的章節中,我們看到了如何從 +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 非常靈活。

在 GitHub 上編輯此頁面

上一個 下一個
1
2
<h2>Page options</h2>