在 Wordpress 中使用 Gravity Form API 的 CORS 问题答案

【问题标题】：CORS issues using Gravity Form API in Wordpress在 Wordpress 中使用 Gravity Form API 的 CORS 问题
【发布时间】：2017-03-12 15:27:26
【问题描述】：

我最近一直在使用重力表单 API 来获取从 wordpress 网站到 Angular 应用程序的条目。角度应用程序未部署在与 wordpress 网站相同的域中。因此，我遇到了诸如 XMLHTTPRequest cannot load [...] No 'Access-Control-Allow-Origin header is present 这样的问题。

有没有人用 Gravity Form API 遇到过这个问题，并且有解决这个 CORS 问题的方法（比如要包括什么？）？

【问题讨论】：

@lin 我测试了你的方法，它奏效了。所以我把它标记为答案。但我最终将我的外部网站部署在与 wordpress 相同的域中，并且它也可以在没有新功能的情况下工作。

标签： angularjs wordpress gravity-forms-plugin

【解决方案1】：

使用 init 操作在 wordpress 中配置您的 CORS，以绑定新的 WP-Function，例如：

add_action('init', 'handle_preflight');

function handle_preflight() {
    header("Access-Control-Allow-Origin: *");
    header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");
    header("Access-Control-Allow-Headers: Origin, Content-Type, Accept");

    if('OPTIONS' == $_SERVER['REQUEST_METHOD']) {
        status_header(200);
        exit();
    }
}

【讨论】：

【解决方案2】：

修改您的服务器以添加标头 Access-Control-Allow-Origin: *

【讨论】：