从SvelteKit Server Action调用API时Cookie未设置的问题求助

核心问题 #

当你在SvelteKit的Server Action中调用ASP.NET API时，fetch请求是在SvelteKit服务器环境发起的，ASP.NET返回的会话Cookie会被存在SvelteKit服务器的上下文里，不会自动传递到客户端浏览器——这就是客户端收不到Set-Cookie头的根本原因。

解决步骤 #

你需要手动提取ASP.NET API响应中的Cookie，再将其添加到SvelteKit返回给客户端的响应中，具体实现如下：

修改+page.server.ts代码 #

import type { Actions } from "./$types";
import { redirect } from '@sveltejs/kit';

export const actions = {
    default: async ({ fetch, request, cookies }) => {
        // 1. 获取客户端提交的表单数据，传递给ASP.NET登录接口
        const formData = await request.formData();
        const apiResponse = await fetch("http://localhost:5052/auth/login", {
            method: 'POST',
            credentials: 'include',
            body: formData
        });

        // 2. 认证成功时，提取并转发Cookie到客户端
        if (apiResponse.ok) {
            // 获取所有Set-Cookie头（可能存在多个）
            const cookieHeaders = apiResponse.headers.getAll('Set-Cookie');
            
            cookieHeaders.forEach(cookieStr => {
                // 解析Cookie的键值对和属性
                const [cookiePart, ...attrs] = cookieStr.split(';').map(item => item.trim());
                const [name, value] = cookiePart.split('=');
                
                if (!name || !value) return;
                
                // 初始化Cookie配置，匹配ASP.NET的设置
                const cookieOptions: Parameters<typeof cookies.set>[2] = {
                    path: '/',
                    httpOnly: true,
                    secure: process.env.NODE_ENV === 'production',
                    sameSite: 'lax'
                };
                
                // 从原Cookie头中提取额外属性（如domain、maxAge）
                attrs.forEach(attr => {
                    if (attr.startsWith('domain=')) {
                        cookieOptions.domain = attr.split('=')[1];
                    } else if (attr.startsWith('max-age=')) {
                        cookieOptions.maxAge = parseInt(attr.split('=')[1], 10);
                    }
                });
                
                cookies.set(name, value, cookieOptions);
            });

            // 重定向到目标页面，确保Cookie生效
            throw redirect(303, '/');
        }

        // 认证失败时返回错误信息
        return {
            success: false,
            message: '登录失败，请检查账号密码'
        };
    }
} satisfies Actions;

关键注意事项 #

• Cookie属性匹配：必须保证你设置的Cookie属性（httpOnly、secure、sameSite、domain等）和ASP.NET返回的完全一致，否则浏览器会拒绝保存Cookie。
• 多Cookie处理：如果ASP.NET返回多个Cookie，要用getAll('Set-Cookie')获取所有头，而非get('Set-Cookie')，避免遗漏。
• 表单数据传递：务必将客户端提交的表单数据完整传递给ASP.NET接口，否则登录请求会因缺少参数而失败。

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