全书目录

第三十篇:SvelteKit 完全指南 —— 轻量反应式剧场宇宙

第二十二章:SvelteKit 常见误区,一次性说透

1 分钟 324 字 第 560 / 962 个阅读单元

下面这些坑,几乎每个初学者都会踩。

#误区 1:把它当“页面里 fetch 一下就行”的普通前端框架

正确心智:

text
先想路由和 load
再想页面怎么消费数据

不是反过来。

#误区 2:所有提交都写成自定义 fetch

正确心智:

text
先问:这是不是一个表单问题?
如果是,优先 actions

只有当它真的更像接口调用而不是表单受理时,再用 +server

#误区 3:把服务端用户态存在全局变量里

正确心智:

text
请求身份来自 cookie / locals / 数据库
不是来自共享进程变量
#误区 4:在 load 里做副作用

正确心智:

text
load 负责备场
action / +server 负责改系统状态
#误区 5:全站图省事直接 ssr = false

正确心智:

text
只有明确要做 SPA 才这么干
如果目标是静态输出,用 prerender / adapter-static
#误区 6:把服务端秘密 import 到前端

正确心智:

text
秘密道具进 $lib/server
私密环境变量走 $env/.../private
浏览器只拿 PUBLIC_ 变量
#误区 7:只在 layout load 做鉴权

正确心智:

text
layout 适合共享展示信息
真正的入口权限检查要落在 hooks / page.server / actions / +server
#误区 8:看到 remote functions 就立刻把团队基线改掉

截至 2026-03-28,更稳妥的工程态度是:

text
默认主航道仍然是:
load + actions + +server + hooks

remote functions:
知道它、跟踪它
但别在团队默认模板里当作必选基础设施