Question

我希望能够使用CORS使用$ resource设置资源来请求我的数据。我有CORS使用$ http但是相同的技术不适用于$ resource我希望有人可以来救我并告诉我如何使用$ resource。

我已经修改了last step of the Angular tutorial以通过在services.js文件中黑客窃取phonecatServices服务来使用CORS。

我发现this example使用了$ http.defaults.useXDomain = true;删除$ http.defaults.headers.common ['X-Requested-With'];行获取使用CORS请求数据的角度但是如果我尝试$ resource.defaults.useXDomain = true;我收到错误：“无法设置未定义的属性'useXDomain'”。

我认为$ resource没有这个属性，所以我的问题是，如何使用CORS配置$ resource来发出跨域资源请求。

这是我的代码：

angular.module('phonecatServices', ['ngResource']).
    factory('Phone', function($resource){
  return $resource('http\\://localhost\\:8080/:phoneId.json', {}, {
    query: {params:{phoneId:'phones'}, isArray:true}
  });
});

当我尝试发出请求时出现以下错误：Object＃＆lt; Resource＆gt;没有方法'推'

修改

我已经尝试设置$ http并且它大部分时间都可以工作，但是当调用资源查询时，在这种情况下是Phone.get（phoneId）;这似乎抛出了上述错误。

调用我怀疑导致错误的代码（来自controllers.js step 11 angular tutorial）：

function PhoneDetailCtrl($scope, $routeParams, Phone) {
  $scope.phone = Phone.get({phoneId: $routeParams.phoneId}, function(phone) {
    $scope.mainImageUrl = phone.images[0];
  });

  $scope.setImage = function(imageUrl) {
    $scope.mainImageUrl = imageUrl;
  }
}

如果我删除上述方法的内部代码，代码运行正常（没有获取网站的图像），但我不明白为什么这不起作用？我已经设置了$ http服务来使用CORS，因此应该将它传递给$ resource。

有人能说清楚吗？（任何工作示例代码将不胜感激）。

编辑：13/08/13

正如所有访问这个问题的人都知道的，以下答案都没有真正回答过这个问题，我正在研究一个答案，但是如果有人发现这个并得到了答案，我会非常感激它。

编辑：06/09/13

目前正在调查此项目，似乎允许我正在寻找的所有内容：https://github.com/jpillora/xdomain

Answer 1

好的，我为我的项目找到的解决方案是xdomain：https://github.com/jpillora/xdomain

我接受这可能不适合所有人，但它是一个不错的跨浏览器解决方案，虽然我们坚持IE＆lt; 10这似乎是最好的解决方案。（我知道IE8和IE9提供了部分支持，但是与IE一样，并不是完全支持，我不想浪费时间为IE做另外的工作。）

感谢所有为这个问题提供答案的人。

Answer 2

我认为此示例可能适合您

angular.module('myBeerApp.services', ['ngResource']).
  value('version', '0.1').
  factory('beerDB', function($resource) {
    return $resource('URL',{
      alt:'json',
      appToken:'TOKEN',
      q:'rock',
      callback: 'JSON_CALLBACK'
    },
      {
        get: {
          method:'JSONP',
          headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json'
            }
          }
      });
  });

Answer 3

您是否在app.config（）;

中调用useXDomain = true

如何配置Angular $ resource（ngResource）以使用CORS从另一个域提取数据

3 个答案: