症状分析
SvelteKit 以 403 Forbidden 拒绝表单提交,因为 origin 头与应用 origin 不匹配,触发了内置 CSRF 保护。 该错误在生产环境中出现,但可能不会在本地开发中复现,因为触发条件依赖于部署环境或运行时配置。理解完整的症状集合有助于将此问题与类似错误区分开来。
诊断实践
按照前置事项中的诊断步骤定位原因。每个步骤包含命令和输出解读。目标是缩小问题范围:配置、运行时还是应用代码。在最小化环境中复现错误后再应用修复。
根因
SvelteKit validates the Origin header on form submissions to prevent CSRF; when the header does not match the deployed origin, the request is rejected with 403.
修复
Configure csrf.check to allow trusted origins, ensure proxies forward the correct Origin header, or use the same origin for form actions. 应用修复后,监控系统以确认错误在负载下或不同环境中不再复现。
验证
Submit the form from the production origin and confirm it succeeds; verify a cross-origin submission is still blocked. 如果验证通过,修复即确认;如果未通过,重新检查诊断步骤中是否遗漏了促成因素。
诊断命令
运行以下命令复现和诊断问题:
curl -v -X POST https://app/login -H "Origin: https://evil.com"
cat svelte.config.js