SvelteKit 在“load”函数内部执行请求时不存储 cookie

LayoutServerLoad在我的 SvelteKit 网站中，我在函数内部向后端发出请求+layout.server.ts。即当使用查询参数打开网站时?affiliate_id=bla，我想将其发送到后端：

import type { LayoutServerLoad } from "./$types";
import { keyBy } from "$lib/utils";
import { backendUrl } from "$lib/config";

export const trailingSlash = "always";

export const load: LayoutServerLoad = async ({ locals, url, fetch }) => {
  const affiliate_id = url.searchParams.get("affiliate_id");
  if (affiliate_id) {
    const headers = {
      "Content-Type": "application/json",
      "X-CSRFToken": locals.csrfToken,
    };

    fetch(`${backendUrl}/shop/basket/`, { method: "POST", credentials: "include", headers, body: JSON.stringify({ affiliate_id }) })
      .catch(error => {
        console.error("Error storing affiliate_id: ", error);
      });
  }

  return {
    // I'm returning a bunch of data here
  };
};

问题是后端响应包含set-cookie标头，并且 cookie 没有存储在浏览器中。

当我将load函数更改为仅返回affiliate_id：

export const load: LayoutServerLoad = async ({ locals, url }) => {
  return {
    affiliateId: url.searchParams.get("affiliate_id"),
    // and more data
  };
};

然后在里面发出请求+layout.svelte，那么一切就正常工作了。

<script lang="ts">
  import type { PageData } from "./$types";
  import { onMount } from "svelte";

  export let data: PageData;
  const { affiliateId } = data;

  onMount(async () => {
    if (affiliateId) {
      // Do the request here
    }
  });
</script>

<slot />

现在，响应中的 cookie 已正常存储在浏览器中。

为什么在函数中做同样的请求时，cookie没有被存储呢load？