如何在我的服务中添加 Access-Control-Allow-Origin (Ionic)

Question

我正在从事一个 Ionic 项目，并且我已经编写了我的服务。但是在我的 console.log 中，我收到消息说我的标题中没有“Access-Control-Allow-Origin”。

如何将其整合到我的服务中？

这是我的服务代码：

angular.module('Chemicar.services', [])

.service('ChemicarService', function($http, $q){

    var url_youtube = "XXXXXXXXXXXXXXXXXXXX";

    var self = {
        'youtubeVideos' : [],
        'loadYoutubeVideos' : function(){
            var d =  $q.defer();
            $http.get(url_youtube)
            .success(function(data){
                console.log(data);
                self.youtubeVideos = data;

                //create an array to hold the prommisses
                var promisses = [];

                $q.all(promisses).finally(function(){
                    d.resolve('The promise has been fulfilled');
                    //console.log("ˆˆˆˆˆ" , promisses);
                });
            })
            .error(function(msg){
                console.error("There was an error in retrieving the json data " , msg);
                d.reject("The promise was not fulfilled");
            });
            return d.promise;
        }
    };
    return self;
});

我的控制器代码：

angular.module('Chemicar.controllers', ['Chemicar.services'])

.controller('VideoCtrl', function($scope, $http, ChemicarService){

    $scope.youtubeVideos = [];

    ChemicarService.loadYoutubeVideos().then(function success (data){
        $scope.youtubeVideos = ChemicarService.youtubeVideos;
    })

})

Answer 1

这是跨域的问题，可以用 CORS 解决（上面的评论）

对于短期修复（假设您使用的是 chrome）将 disable-web-security 标志添加到您的目标-

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security

Answer 2

好的，我阅读了以下博客的 cmets -> http://blog.ionic.io/handling-cors-issues-in-ionic/

我刚刚安装了 Allow-Control-Allow-Origin: * 插件作为快速修复。在实际设备上运行时，这当然不起作用

所以我仍在寻找一种解决方案，通过 js 将 Allow-Control-Allow-Origin 添加到我的服务中。因为我联系不上api的管理员......