在加载数据一章中,我们了解到可以从 +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
导出)。要为整个应用程序定义选项,请从根布局导出它。子布局和页面会覆盖父布局中设置的值,因此 — 例如 — 你可以为整个应用启用预渲染,然后为需要动态渲染的页面禁用它。
你可以在应用程序的不同区域混合搭配这些选项 — 你可以预渲染营销页面,动态服务端渲染数据驱动的页面,并将 admin 页面作为客户端渲染的单页应用(SPA)。这使得 SvelteKit 非常灵活。
上一页 下一页
1
2
<h2>Page options</h2>