SvelteKit 数据流指南：服务器端加载、表单操作与错误处理最佳实践
sveltekit-data-flow by spences10/svelte-skills-kit
安装命令
npx skills add https://github.com/spences10/svelte-skills-kit --skill sveltekit-data-flow🇨🇳中文介绍
SvelteKit 数据流
快速开始
使用哪个文件？ 仅限服务器端（数据库/密钥）：+page.server.ts | 通用（两端运行）：+page.ts | API：+server.ts
加载决策： 需要服务器资源？ → 服务器端加载 | 需要客户端 API？ → 通用加载
表单操作： 始终在 +page.server.ts 中。错误时返回 fail()，导航时抛出 redirect()，失败时抛出 error()。
示例
// +page.server.ts
import { fail, redirect } from '@sveltejs/kit';
export const load = async ({ locals }) => {
const user = await db.users.get(locals.userId);
return { user }; // 必须是可 JSON 序列化的
};
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
const email = data.get('email');
if (!email) return fail(400, { email, missing: true });
await updateEmail(email);
throw redirect(303, '/success');
},
};
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
