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

Posted 2023-03-04

【中文标题】AXIOS 上的 CORS 错误发布到 Pardot 端点

【英文标题】：CORS error on AXIOS post to Pardot endpoint

【发布时间】：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' 标头。

【参考方案1】：

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

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

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

【讨论】：

我的标头中有 access-control-allow-orgin 和 '*'

是的，但该标头必须放在服务器配置上的响应标头中。您设置的标头位于客户端的请求标头中。

知道了，不幸的是，因为它是 Pardot，我没有能力更改该标题。