slack-api - 使用 axios 和 Slack API 时出现 CORS 问题

Question

我正在使用浏览器中的 axios 与 Slack webhook API 进行交互。发送帖子时，我尝试使用

axios.post(url, data)

浏览器/axios向后端发送OPTION请求。 OPTION请求中包含的是

access-control-request-headers:content-type

然而，Slack 的回应

access-control-allow-origin:*

但没有 access-control-allow-headers header 。这会导致 browser/XMLHttpRequest 提示

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

似乎一种解决方案是告诉 axios 在这种情况下不要发送内容类型 header ，但我不知道如何做到这一点。

谢谢。

Answer 1

基本上，您需要删除内容类型 header ，这只能使用 hacky 方式来实现:

const url = 'https://hooks.slack.com/services/{YOUR_WEBHOOK}'
const data = {
  "text": "yo some text",
}
axios.post(url, JSON.stringify(data), {
  withCredentials: false,
  transformRequest: [(data, headers) => {
    delete headers.post["Content-Type"]
    return data
  }]
})