SvelteKit中如何复用服务端通用加载的联系人数据？

以下是几个实用方案，无需重复查库或塞大量数据到表单：

1. 用Next.js内置缓存复用数据（首推） #

在layout.ts里加载联系人数据时，给查询逻辑加上Next.js的缓存包装——比如unstable_cache，或是给ORM查询适配缓存策略。第一次加载后数据会存在服务器缓存中，后续服务端任何地方调用同一个查询逻辑，都会直接取缓存，不会重复访问数据库。

代码示例：

// layout.tsx 中的通用数据加载函数
async function fetchContacts() {
  return unstable_cache(async () => {
    // 替换为你的实际数据库查询逻辑
    return await db.contacts.findMany();
  }, ['global-contacts'], {
    revalidate: 3600, // 按需设置缓存刷新时间，比如1小时
  })();
}

// 表单提交的服务端Action
export async function handleFormSubmit(formData: FormData) {
  const selectedIds = formData.getAll('contactId') as string[];
  // 直接调用fetchContacts，命中缓存无需重复查库
  const allContacts = await fetchContacts();
  const selectedContacts = allContacts.filter(contact => selectedIds.includes(contact.id));
  // 后续业务逻辑处理
}

2. 把数据存到服务器端会话（用户专属数据场景） #

如果联系人数据是当前用户独有的，加载后可以把数据存到服务器端会话中（比如用Iron Session、NextAuth的Server Session）。表单提交时，服务端直接从会话里读取数据即可。

注意：如果数据量过大，不建议使用该方案，会话存储通常有大小限制。

示例思路：

// layout.tsx 中加载数据并存入会话
async function getLayoutProps() {
  const userContacts = await db.contacts.findMany({ where: { userId: currentUser.id } });
  // 写入服务器端会话
  await session.update({ userContacts });
  return { userContacts };
}

// 服务端Action中读取会话数据
export async function handleSubmit(formData: FormData) {
  const selectedIds = formData.getAll('contactId') as string[];
  const userContacts = session.get('userContacts');
  const targetContacts = userContacts.filter(c => selectedIds.includes(c.id));
  // 后续业务逻辑处理
}

3. 预加载到服务器全局变量（静态/低频更新数据） #

如果联系人数据是静态的、极少更新，部署时可以把数据预加载到服务器的全局变量中（适合传统服务器部署，无服务器环境冷启动时会重新加载）。或是用Next.js的静态生成能力，把数据预生成到文件，服务端直接读取文件即可。

4. 加密存入HttpOnly Cookie（仅限小数据量） #

如果数据量很小（比如几十条以内），可以把联系人数据加密后存入HttpOnly Cookie，表单提交时Cookie会自动携带到服务端，服务端解密就能拿到数据。但Cookie有大小限制（一般4KB左右），数据量大时不适用。

最推荐方案1，完全贴合你“复用已加载数据、避免重复查库”的需求，无需额外维护存储，Next.js的缓存机制已帮你处理好重复查询的问题。

内容的提问来源于stack exchange，提问作者Gs1234