SvelteKit中路由间Cookie无法保存的问题求助

可能原因及解决方案 #

1. 显式指定SameSite属性 #

SvelteKit中cookies.set的sameSite默认值为'lax'，但部分场景下显式声明可避免浏览器的默认行为限制。修改Cookie设置代码：

cookies.set("auth", "abc", { 
  path: "/", 
  maxAge: 60 * 60 * 24 * 365, 
  httpOnly: true,
  sameSite: 'lax' // 显式指定同站Cookie规则
});

2. 检查Secure属性与访问协议匹配 #

如果你的开发环境使用HTTPS（比如启用了本地SSL），需要添加secure: true确保Cookie仅通过安全协议传输；若使用HTTP开发服务器，则保持secure: false（默认值）：

// HTTPS环境下
cookies.set("auth", "abc", { 
  path: "/", 
  maxAge: 60 * 60 * 24 * 365, 
  httpOnly: true,
  sameSite: 'lax',
  secure: true
});

3. 验证浏览器请求头是否携带Cookie #

通过浏览器开发者工具确认：

• 在/account/sign-in的请求响应头中，是否存在Set-Cookie字段，且包含auth=abc的正确配置；
• 重定向到/client/app的请求中，请求头是否包含Cookie: auth=abc。

如果浏览器未发送Cookie，检查浏览器隐私设置是否阻止了同站Cookie，或尝试使用无痕模式测试。

4. 排查SvelteKit钩子或中间件干扰 #

检查项目中的hooks.server.ts是否有处理Cookie的逻辑，避免自定义代码覆盖或删除了auth Cookie。

关键说明 #

注意：在+page.server.ts的action中调用cookies.get("auth")拿到的是当前请求上下文的临时值，真正的Cookie需要浏览器通过响应头接收后，在后续请求中主动携带。因此重定向后的请求是全新的服务器上下文，必须依赖浏览器发送Cookie才能获取到。

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