axios - AXIOS 上的 CORS 错误发布到 Pardot 端点

Question

我正在尝试使用 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 策略阻止：对预检请求的响应未通过访问控制检查：没有“访问控制” -Allow-Origin' 标头出现在请求的资源上。

Answer 1

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

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

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