Graphql Graphcms文件上载400错误请求

我正在尝试使用GraphCM和此处提供的文档上载文件：

这是我目前的句柄提交功能。我只是尝试记录响应：

async function handleSubmit(event) {
        event.preventDefault();

        const response = await fetch(`${process.env.GRAPHQL_URL_ENDPOINT}/upload`, {
            method: 'POST',
            headers: {
              Authorization: `Bearer ${process.env.BEARER_TOKEN}`,
              'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: `fileUpload=${fileUpload.files[0]}`,
          });
        
          console.log(response);
      }

我已确认

fileUpload.files[0]

是一个文件对象。我得到的回应是：

---

Response{type:“cors”，url:https://api-us-west-2.graphcms.com/v2/cklvg9qoslthv01xi4wou54sk/master/upload，重定向：false，状态：400，确定：false，状态文本：“错误请求”，标题：标题，正文：ReadableStream，bodyUsed:false}

我认为您需要将

文件

附加到

表单数据

中，然后将其传递到

正文

中。下面是一个工作示例

const handleUpload = (file: SelectedFile) => {
    const formData = new FormData();
    formData.append("fileUpload", file);
    fetch(`GRAPHQL_URL_ENDPOINT/upload`, {
      method: "POST",
      body: formData,
    })
      .then((response) => response.json())
      .then((result: Asset) => {
        console.log("Success:", result);
      })
      .catch((error) => {
        console.error("Error:", error);
      });
  };

---

检查网络请求格式。。。搜索适当的fetch+FormData上载问题/示例