SuperAPI AI 工具集

sveltekit

编程与开发

查看项目

更新于 10-16 02:28

技能介绍

用途:SvelteKit 用于构建全栈 Web 应用,适合新项目开发、需要按路由精细控制 SSR 或 SSG、将 SPA 迁移到具备服务端能力的框架,以及需要文件路由与就近 API 端点的场景。

主要能力:基于文件的路由(+page.svelte、+layout.svelte、+error.svelte,支持动态参数 [slug] 与通配 [...path]);load 函数加载数据(+page.ts 通用、+page.server.ts 仅服务端);+server.ts 提供 REST 风格 API 路由;表单操作(form actions)处理变更,配合 use:enhance 渐进增强;布局与嵌套路由;逐路由渲染模式(prerender、ssr、csr);hooks 服务端中间件与 event.locals 传递上下文;invalidateAll 等导航函数。

使用方式:npm create svelte@latest my-app,随后 cd my-app、npm install、npm run dev。服务端专用代码放在 +page.server.ts、+server.ts 与 $lib/server/,不会打包到客户端;用生成的 $types 为 load 返回值标注类型。

限制与注意:+page.server.ts 必须是 .ts 或 .js 而非 .svelte;表单重定向需用 redirect(303, '/path');locals.user 需在 hooks.server.ts 中于 resolve 前设置;不要在组件中直接导入服务端模块,敏感状态放服务端 locals;表单数据需校验与清理,认证 Cookie 设 httpOnly 与 secure;生产环境不要关闭 checkOrigin。资料未提供收费、价格与性能基准等信息。