angularjs – 如何配置Angular $resource(ngResource)以使用CORS
我希望能够使用CORS来设置资源,使用CORS来请求我的数据.我有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#< Resource>没有方法’推’ 编辑 我已经尝试设置$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 解决方法
好的,我为我的项目找到的解决方案是xdomain:
https://github.com/jpillora/xdomain
我接受这可能不适合所有人,但它是一个不错的跨浏览器解决方案,虽然我们坚持IE< 10这似乎是最好的解决方案. (我知道IE8和IE9提供部分支持但是,与IE一样,并不是完全支持我不想浪费时间为IE做另外的工作). 感谢所有提供问题答案的人. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |