错误：跨源请求块答案

【问题标题】：Error: Cross origin request block错误：跨源请求块
【发布时间】：2017-01-06 07:14:17
【问题描述】：

我正在尝试使用 PlanGrid API 开发 Web，但出现跨域请求阻止错误。

var apiKey="API KEY";
var password="PASSWORD";
$.ajax({
    url: "https://io.plangrid.com/projects",
    xhrFields: {
        withCredentials: true
    },
    headers: {
        "Authorization": "Basic " + btoa(apiKey + ":" + password),
        Accept:'application/vnd.plangrid+json; version=1'
    },
    type: 'GET',
    crossDomain: true,
    success: function (data) {
        console.log(JSON.stringify(data));
    },
    error: function(data){
        console.log(JSON.stringify(data));
    }
});

ajax 请求后，我收到错误：

“对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问源“http://localhost:3000”。响应包含 HTTP状态码 401。”

谁能告诉我哪里出错了。谢谢

【问题讨论】：

查看stackoverflow.com/questions/8163703/…
在按照该帖子中所述进行以下更改后，它没有工作。再次出现同样的错误。谢谢你
您有权访问该网址？
是的，我愿意！我可以通过终端通过 cURL 命令访问。它给了我正确的 json 响应
尝试安装这个 chrome 扩展 chrome.google.com/webstore/detail/allow-control-allow-origi/… 如果它适用于这个扩展，那么你有权限问题

标签： javascript ajax cross-domain preflight

【解决方案1】：

尝试在ajax中将https改为http，看看是否有效。匹配与您的域相同的协议，即 localhost。您的本地主机位于 http。

【讨论】：