联系表单7 wordpress发布表单到不同的域提供访问控制允许原始错误

时间:2016-09-13 10:06:32

标签: cross-domain contact-form-7 insightly

我正在尝试发送联系我们表单详细信息到Insightly CRM with Web to Lead html code。我在functions.php中使用以下代码更改了表单的动作URL:

add_filter('wpcf7_form_action_url', 'wpcf7_custom_form_action_url');
function wpcf7_custom_form_action_url($url) {
  global $post;
  $id_to_change = 1315;
  if($post->ID === $id_to_change)
    return 'https://xxxx.insight.ly/WebToLead/Create';
  else
    return $url;
}

检查员看起来一切正常,但我在提交时收到以下错误:

XMLHttpRequest cannot load https://xxxx.insight.ly/WebToLead/Create. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxxx.com' is therefore not allowed access.

我尝试将其添加到我的functions.php:

add_action( 'init', 'allow_origin' );
function allow_origin() {
    header("Access-Control-Allow-Origin: *");
}

我尝试在theme.php中添加它:

 header("Access-Control-Allow-Origin: *");

我尝试将此添加到contact form 7插件的scripts.js中:

$.ajax({
   url: url,
   ++headers: { 'Access-Control-Allow-Origin': '*' },
   ++crossDomain: true,

我尝试将此添加到.htaccess:

Header always set Access-Control-Allow-Origin "*"

没有任何作用:( 我的服务器有Varnish 4和ConfigServer Security&防火墙,但我禁用了两者,仍然得到相同的错误。 请帮帮我:(

1 个答案:

答案 0 :(得分:1)

在我的研究之后,我注意到javascript是问题所在,无法用Access-Control-Allow-Origin以任何方式绕过它。

我在一个钩子的PHP脚本中使用了curl,因此它可以将详细信息发送到另一个域。

所以我在我的functions.php中添加了一个钩子,我将覆盖wpcf7_mail_sent函数:

add_filter('wpcf7_mail_sent', 'wpcf7_custom_mail_sent');
function wpcf7_custom_mail_sent($contact_form) {
    $ch = curl_init();

    curl_setopt($ch, CURLOPT_URL,"https://xxxx.insight.ly/WebToLead/Create");
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS,http_build_query($_REQUEST));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

    curl_exec($ch);
    curl_close($ch);
}