Javascript 如何访问用户'；来自Microsoft graph API的个人资料照片和显示应用程序？

我正在尝试使用访问用户的个人资料图片。以下是获取配置文件图像的代码：

export async function getprofilePhoto() {
  const accessToken = await getToken(loginRequest);
  const headers = new Headers();
  const bearer = `Bearer ${accessToken}`;
  headers.append("Authorization", bearer);

  const options = {
    method: "GET",
    headers: headers,
  };

  return fetch(graphConfig.graphMePhotoEndpoint, options)
    .then((response) => {
      if (response != null && response.ok) {response.blob().then((data) => {
          if (data !== null) {
            window.URL = window.URL || window.webkitURL;
            return window.URL.createObjectURL(data);
          }
        });
      } else {
        throw new Error("Profile image not found");
      }
    })
    .catch((error) => {
      throw new Error("Profile image not found");
    });
}

在我的react组件中，我传递来自上述函数的返回数据，但它从不渲染图像。我的组件的代码如下所示：

<Avatar
 alt={name}
 src={profileImage}
 className={classes.avatarMain}
 />

---

问题是我又发送了一个标题（键/值），即
“内容类型”、“图像/jpeg”
，代码开始工作
在我将此“内容类型”、“图像/jpeg”附加到标题后，代码开始工作。