使用 `fetch` API 创建多个 cookie 上下文

Question

我正在编写一个 Web 扩展，它尝试从基于会话的 API 中并行获取页面。 API 使用 cookie 来存储会话信息。因此，以下命令序列将起作用：

// Fetch sequence 1
await fetch("https://url.endpoint/start_session");
const usefulData1 = await fetch("https://url.endpoint/navigate_to_X",
  { credentials: "include" });
// Fetch sequence 2
await fetch("https://url.endpoint/start_session");
const usefulData2 = await fetch("https://url.endpoint/navigate_to_Y",
  { credentials: "include" });

我想并行运行 Fetch 序列 1 和 Fetch 序列 2。问题是，每次我访问 https://url.endpoint/start_session 时，我都会收到一组新的 cookie，并且所有带有 { credentials: "include" } 的 fetch 请求都使用当前设置的 cookie（当 start_session 返回时会被覆盖）。

我的问题是：有没有办法设置多个“会话”，以便这些请求可以与它们自己的 cookie 并行运行？还是有其他解决方法？ （看来fetch api 不允许您手动获取或设置Set-Cookie 标头...）

Answer 1

如果你想同时等待两个 Promise 的完成，你可以使用Promise.all。这将创建一个新的 Promise，该 Promise 仅在传递给它的所有 Promise 完成时才解析，但仍允许它们并行运行。在这种情况下，我会等待start_session 端点，然后等待其他两个端点的Promise.all，如下所示：

await fetch("https://url.endpoint/start_session");
const [usefulData1, usefulData2] = await Promise.all([
  fetch("https://url.endpoint/navigate_to_X", { credentials: "include" }),
  fetch("https://url.endpoint/navigate_to_Y", { credentials: "include" })
])