将 jQuery Post 发送到 API 的 Access-Control-Allow-Origin 错误答案

【问题标题】：Access-Control-Allow-Origin error sending a jQuery Post to API将 jQuery Post 发送到 API 的 Access-Control-Allow-Origin 错误
【发布时间】：2017-06-11 07:23:26
【问题描述】：

我读了很多关于“Access-Control-Allow-Origin”错误的文章，但我不明白我必须修复什么 :( 代码如下：

$.ajax({
    url: 'http://54.149.190.45:8000/image/upload/',
    type: 'POST',
    data: {'base64': 'abc'},
    success: function () {
        showResponse("Add successfully");
    },
    error: function (jqXHR, textStatus, errorThrown) {
        console.error(textStatus);
    }
});

XMLHttpRequest 无法加载 http://54.149.190.45:8000/image/upload/。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:8080' 不允许访问。响应的 HTTP 状态代码为 500

【问题讨论】：

你控制你的端点吗？如果是，你的后端是什么？

标签： javascript jquery ajax

【解决方案1】：

默认情况下，如果请求的域未确认您被允许（通过将调用者域放在 Access-Control-Allow-Origin 标头中），您的 Web 浏览器将拒绝对其他域进行 ajax 调用。这是一项安全措施。

您必须通过设置 Access-Control-Allow-Origin 来配置服务器 http://54.149.190.45:8000 以允许域“http://localhost:8080”使用它。

如果您不拥有http://54.149.190.45:8000，您将无法进行 ajax 调用。

【讨论】：