Axios POST 请求不适用于 MailChimp API？答案

【问题标题】：Axios POST request not working with MailChimp API?Axios POST 请求不适用于 MailChimp API？
【发布时间】：2020-07-28 10:14:33
【问题描述】：

我正在尝试在 MailChimp 上的列表中发布电子邮件。我正在使用 axios 并做出反应以尝试完成此任务。目前，当发出请求时，我没有收到任何回复，而是收到（失败的）net::ERR_FAILED。

const handleSendEmail = () => {
            axios.post('https://usX.api.mailchimp.com/3.0/lists/XXXXXXXXXX/members/', {           

                    headers: {
                        'Authorization':  `Basic properlivingproperty:${api_key}`,
                        'Accept': 'application/json',
                        'Content-Type': 'application/json',
                        "Access-Control-Allow-Origin": "*"
                      },
                      body: JSON.stringify({
                        email_address: email,
                        status: "subscribed"
                      },{
                      auth: {
                        'username': `SOMEUSERNAME`,
                        'password': `${api_key}`
                      }})
            }).then(response => {
                console.log(response.data)
            }).catch(error => {
                console.log(error.data);
            });
    }

它没有在我的 MailChimp 帐户上发布和保存电子邮件

【问题讨论】：

标签： javascript reactjs axios

【解决方案1】：

在 axios 帖子中：

第一个参数是url。
axios.post 的第二个参数是您需要发布的data。
第三个参数采用options（标题等）。

在您的代码中，第二个参数是选项。

因此，将您的代码更改为：

const data = {
  email_address: email,
  status: "subscribed"
};

const options = {
  headers: {
    'Authorization':  `Basic properlivingproperty:${api_key}`,
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    "Access-Control-Allow-Origin": "*"
  }
};

axios.post('/apiEndpoint', data, options)
  .then((response) => {
    ...
  })
  .catch((error) => {
    ...
  })

您还可以为 axios post 提供 1 个 arg，在这种情况下，它必须是一个包含所有信息（url、数据、选项等）的对象 See here了解详情

【讨论】：