javascript - Bloomapi，XMLHttpRequest 无法加载

Question

我目前正在将 www.bloomapi.com 上的 API 与 AngularJS 一起使用，但一直收到此拒绝信息:

XMLHttpRequest cannot load http://www.bloomapi.com/api/search?limit=1&offset=0&key1=npi&op1=eq&value1=1861733537. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

我不确定问题是否特定于 BloomAPI(例如，如果我需要 API key 或其他东西)，或者我的 API 调用是否有问题。

这是我的代码...

工厂:

.factory('ProviderService', ['$resource', function($resource) {
  return $resource('http://www.bloomapi.com/api/search?limit=1&offset=0&key1=npi&op1=eq&value1=:npi',
    {npi:'@npi'}
  )}
])  

Controller :

ProviderService.get({npi:'1861733537'}, function(res) {
  $scope.providerNPI = res.id;
  $scope.providerName = res.result.last_name;
  console.log($scope.providerName);
});

非常感谢!

Answer 1

根据错误，AngularJS 似乎默认为 $resource 请求使用 CORS。 BloomAPI 目前不支持 CORS，但支持 JSONP。

我以前从未在 AngularJS 中做过 JSONP，但发现了一些看起来很有前途的资源，例如 http://www.bennadel.com/blog/2610-using-jsonp-with-resource-in-angularjs.htm这可能有助于解决问题。

如果出于某种原因这不适用于您的场景，请告诉我，我很乐意尽早了解在 BloomAPI 中实现 CORS。