javascript - 将 jQuery Post 发送到 API 时出现 Access-Control-Allow-Origin 错误

Question

我读了很多关于“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 cannot load http://54.149.190.45:8000/image/upload/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 500

Answer 1

默认情况下，如果请求的域未确认您被允许(通过将调用者域放入 Access-Control-Allow-Origin header 中)，您的网络浏览器将拒绝在其他域上执行 ajax 调用。这是一项安全措施。

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

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