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