AXIOS 上的 CORS 错误发布到 Pardot 端点答案

【问题标题】：CORS error on AXIOS post to Pardot endpointAXIOS 上的 CORS 错误发布到 Pardot 端点
【发布时间】：2021-12-18 23:43:31
【问题描述】：

我正在尝试使用 Nuxt/Axios 发布到 Pardot 表单处理程序端点。它在预取检查中被阻止。关于如何解决这个问题的任何想法？

const url = 'https://[pardot-endpoint]';
        const requestBody = {
          'Form Data': 'example',
        }
 const config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            'Access-Control-Allow-Origin': '*',
          }
        }
 this.$axios.post(url, requestBody, config).then(response => {console.log(response)})

这是我收到的错误：

从源“http://my.domain.local”访问“https://[endpoint]”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否请求的资源上存在 Access-Control-Allow-Origin' 标头。

【问题讨论】：

标签： axios cors pardot

【解决方案1】：

您遇到此错误的原因是您尝试访问的 服务器 没有 Access-Control-Allow-Origin 标头。

要解决此问题，您可以从与服务器相同的来源进行提取，或者在 响应标头 上添加缺少的标头，指定来源或使用通配符 *（但这不鼓励，因为您允许任何来源从服务器访问资源）。

您可以在MDN Web Docs 上阅读更多内容。

【讨论】：

我的标头中有 access-control-allow-orgin 和 '*'
是的，但该标头必须放在服务器配置上的响应标头中。您设置的标头位于客户端的请求标头中。
知道了，不幸的是，因为它是 Pardot，我没有能力更改该标题。