跳至主要内容

在关于加载数据的章节中,我们看到了如何从+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>