如何修复 Ajax 调用后的 CORS 问题

Question

在我的本地计算机中使用以下 Ajax 调用。

$.ajax({
    type: "POST",
    data: {
        id : '1234',
        name : 'test',
    },
    url: "https://testdomain.com/test.php",
    success: function (response) {
        console.log(response);
        } else {
            console.log('error);
        }
    }
});

但是出现cors错误

从源“http://localhost/”访问“https://testdomain.com/test.php”处的 XMLHttpRequest 已被 CORS 策略阻止：“Access-Control-Allow-Origin”标头包含无效值.

Answer 1

您需要确保“https://testdomain.com”的服务器在对 AJAX 请求的响应中包含适当的“Access-Control-Allow-Origin”标头。此标头指示允许哪些源访问服务器的资源。

如果您可以控制服务器，则可以修改 PHP 脚本（“test.php”）以在响应中包含以下标头：

header("Access-Control-Allow-Origin: http://localhost/");