Skip to main content
Svelte 基础
介绍
响应式
属性
逻辑
事件
绑定
类和样式
Actions
过渡动画
Svelte 进阶
高级响应性
复用内容
Motion
高级绑定
高级过渡效果
Context API
特殊元素
<script module>
后续步骤
SvelteKit 基础
介绍
路由
加载数据
请求头和 Cookie
共享模块
表单
API 路由
$app/state
错误和重定向
SvelteKit 进阶
钩子函数
页面选项
链接选项
高级路由
高级加载
环境变量
结论

加载数据一章中,我们了解到可以从 +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 非常灵活。

在 GitHub 编辑此页面

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