为什么我的JavaScript代码收到“所请求的资源上没有'Access-Control-Allow-Origin'标头”错误，而Postman没有？

Question

注释：这个问题是关于为什么Postman不受XMLHttpRequest相同的CORS限制。该问题与如何解决“无’Access-Control-Allow-Origin’…”错误无关。

请停止发布：

阳光下每种语言/框架的CORS配置。而是找到您相关的语言/框架的问题。
允许绕过CORS的请求的第三方服务
用于关闭各种浏览器的CORS的命令行选项
我正在尝试通过连接到内置的RESTful API Flask使用JavaScript进行授权。但是，当我发出请求时，出现以下错误：

XMLHttpRequest无法加载http：// myApiUrl / login。请求的资源上不存在“ Access-Control-Allow-Origin”标头。因此，不允许访问原始“空”。

我知道API或远程资源必须设置标头，但是当我通过Chrome扩展程序Postman发出请求时，为什么它可以工作？

这是请求代码：

$.ajax({
    type: "POST",
    dataType: 'text',
    url: api,
    username: 'user',
    password: 'pass',
    crossDomain : true,
    xhrFields: {
        withCredentials: true
    }
})
    .done(function( data ) {
        console.log("done");
    })
    .fail( function(xhr, textStatus, errorThrown) {
        alert(xhr.responseText);
        alert(textStatus);
    });

Answer 1

如果我理解正确，那么您正在向页面所在的其他域执行XMLHttpRequest。因此，出于安全原因，浏览器将其阻止，因为它通常允许来自相同来源的请求。当您想进行跨域请求时，需要做一些不同的事情。有关如何实现此目标的教程是使用CORS。

使用邮递员时，它们不受此政策的限制。引用自跨域XMLHttpRequest：

常规网页可以使用XMLHttpRequest对象从远程服务器发送和接收数据，但是它们受同一原始策略的限制。扩展不受限制。扩展可以在其起源之外与远程服务器通信，只要它首先请求跨域许可。