$http 提供者向 Github API 发出外部请求，但不向 Google 地图 API 发出请求

Question

我正在尝试使用 AngularJS 的 $http 提供程序来创建对 Google Map API 的请求。我不断收到错误消息：

use 'strict';

if (!headersObj) headersObj =  parseHeaders(headers);

  if (name) {
    return headersObj[lowercase(name)] || null;
  }

  return headersObj;
}

我在这里创建了一个示例： http://jsfiddle.net/omniphx/dkagwpu0/16/

对 Github API 的请求会成功，但对 Google 地图 API 的请求会失败。无法弄清楚我可能会错过什么。两者似乎都输出 JSON 格式，并且两个 URL 在我的浏览器中都可以正常工作。

有人知道导致 Google Maps API 失败的原因吗？

Answer 1

请求本身并不完全失败。 您遇到了经典的 CORS 问题。

在控制台中找到XMLHttpRequest cannot load http://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&sensor=false. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.。

Github 的标头中有 Access-Control-Allow-Origin:* 标头，而 googleapis 没有任何此类标头。你可以阅读更多关于它here