MIcrosoft API 获取日历事件描述并适当显示

Question

在我的 React 项目中，我调用了 Axios 来填充日历事件列表，该列表从 Microsoft Outlook 日历中获取数据（使用 Microsoft API）。结果如下

如您所见，只有事件描述给我一个问题。事实上，要显示事件描述，它会显示一个没有事件详细信息的 HTML 字符串。

我读到我必须在我的请求的标题中输入Content-type:text，但我试过了，但它不起作用。我该如何解决？这是我的 Axios 请求

getEvents(startDate, endDate, accessToken) {
    const startDateString = startDate.toISOString();
    const endDateString = endDate.toISOString();
    axios.get(
      `https://graph.microsoft.com/v1.0/users/${USER_PUBLIC_ID}/calendarview?startdatetime=${startDateString}&enddatetime=${endDateString}&orderby=start/dateTime`,
      {
        headers: {
          Authorization: `Bearer ${accessToken}`,
        },
      },
    ).then(response => this.setEvents(response.data.value))
      .catch((error) => {
        console.error(error.response);
      });
  }

Answer 1

为此，需要指定 Prefer: outlook.body-content-type="text" 标头。

According to documentation：

指定要在 Body 中返回的所需格式和 GET 请求中的 UniqueBody 属性，使用 Prefer: outlook.body-content-type 标头：

• 指定Prefer: outlook.body-content-type="text" 以获取以文本格式返回的消息正文。
• 指定Prefer: outlook.body-content-type="html"，或者只是跳过标题，以HTML格式返回邮件正文。

示例

getEvents(startDate, endDate, accessToken) {
    const startDateString = startDate.toISOString();
    const endDateString = endDate.toISOString();
    return axios.get(
      `https://graph.microsoft.com/v1.0/users/${USER_PUBLIC_ID}/calendarview?startdatetime=${startDateString}&enddatetime=${endDateString}&orderby=start/dateTime`,
      {
        headers: {
          'Authorization': `Bearer ${accessToken}`,
          'Content-Type': 'application/json',
          'Prefer' : 'outlook.body-content-type="text"'
        }
      }
    );
}

Answer 2

你需要给 axios 一个配置对象。目前，您正在使用 get 属性，这就是您的代码目前不起作用的原因：

axios({
url: `https://graph.microsoft.com/v1.0/users/${USER_PUBLIC_ID}/calendarview?startdatetime=${startDateString}&enddatetime=${endDateString}&orderby=start/dateTime`,
method: "GET",
        headers: {
          Authorization: `Bearer ${accessToken}`,
          "Content-type": "text"
        },
})

您可以在这里阅读更多内容：https://github.com/axios/axios