javascript - 在 vanilla JS 中使用 Fetch 将 chatMessage 发布到 Slack

Question

如标题所述，我正在尝试将消息发布到 Slack 聊天。我有与 fetch 一起使用的代码，但我现在似乎找不到它。以下是我当前的代码:

fetch('http://slack.com/api/chat.postMessage', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'token': 'REMOVED TOKEN',
      'channel': 'bot',
      'text': 'This is a test.'
    }
  });

程序现在从不发送消息，无论我更改或添加什么代码。我想用 vanilla JS 来完成这件事，我不想使用框架。

我希望我的问题很清楚，如果不清楚，请告诉我。

Answer 1

我终于找到了答案。

首先，我使用了错误的链接。它缺少 ?。

它应该是(对于 Chrome):http://slack.com/api/chat.postMessage?token=...&channel=...&text=...

对于 Firefox，它将是:

https://cors-anywhere.herokuapp.com/http://slack.com/api/chat.postMessage?token=...&channel=bot&text=test message

上述修复通过使用代理覆盖了 CORS 问题，因此这应该适用于 Chrome 和 Firefox。

或者，以下也是一个选项:

fetch('https://cors-anywhere.herokuapp.com/http://slack.com/api/chat.postMessage?token=...&channel=bot&text=test message', {
    headers: {
      'Access-Control-Allow-Origin': '*'
    }
  });

这也通过使用代理覆盖了 CORS 问题。