使用 jQuery Ajax 和 PHP 的 CORS 请求

Question

我已经尝试了很多次来让这个工作，但似乎无法维持生计。

当我第一次实现这个时，它可以完美地处理一些请求，然后突然出现。它停止工作。

这是我从油脂/篡改猴子脚本运行的代码：

$.ajax({
    url: 'ServerLinkHere',
    crossDomain: true,
    data: {
        artist: artist,
        track: title,
        link: data.url
    },
    type: 'POST',
    success: function (resp) {
        console.log(resp.responseText);
    }
});

这是我的服务器端脚本（来自用户 Ganesh 在另一个线程中感谢）：

// Allow from any origin
if (isset($_SERVER['HTTP_ORIGIN'])) {
    header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
    header('Access-Control-Allow-Credentials: true');
    header('Access-Control-Max-Age: 86400');    // cache for 1 day
}

// Access-Control headers are received during OPTIONS requests
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         

    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
        header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");

    exit(0);
}

在代码之后，我进行计算：下载一个文件，然后返回一个指向文件下载的链接作为正文。

目前，似乎正在运行计算，因为该文件确实出现在文件系统上。

但是，当它返回一个链接时，chrome 浏览器仍然会抛出访问控制错误。这是调试图（不能直接附上，不代表）：

但是，我还将代理连接到 CharlesProxy 调试器，调试器显示一切正常。这是响应的图片：

这可能是预检问题吗？我没有发送OPTIONS。

Answer 1

尝试注释掉您的服务器端脚本（只是回显一些虚拟字符串以进行调试），然后将其添加到您的 htaccess：

SetEnvIf Origin ^(.*)$ ORIGIN_DOMAIN=$0
<Files "*">
  Header add Access-Control-Allow-Origin %{ORIGIN_DOMAIN}e
  Header add Access-Control-Allow-Methods "GET, POST, OPTIONS"
  Header add Access-Control-Allow-Headers "Authorization, X-Requested-With, Content-Type, Origin, Accept"
  Header add Access-Control-Allow-Credentials "true"
</Files>