Невозможно прочитать JSON в AngularJS $ http из URL-адреса на локальном сервере

Question

Я работаю над своим первым приложением AngularJS, а для своих данных я пытаюсь прочитать со страницы на веб-сайте Drupal на моей локальной машине. Он работает на Apache, и он доступен из URL-адреса псевдонима (т. Е. http://mylocalsite вместо http://localhost/mylocalsite). Страница не отображает ничего, кроме массива JSON данных, но по какой-то причине, мой Угловая приложение не может прочитать его, используя $ HTTP, либо

angular.module('nbd7AppApp') 
    .controller('BlogListCtrl', ['$scope', '$http', function ($scope, $http) { 
    $http.get('http://mylocalsite/blogs/json'}) 
     .success(function(data) { 
     $scope.nodes = data; 
    }); 
    }]); 

или

angular.module('nbd7AppApp') 
    .controller('BlogListCtrl', ['$scope', '$http', function ($scope, $http) { 
    $http({method: 'GET', url: 'http://mylocalsite/blogs/json'}) 
     .success(function(data) { 
     $scope.nodes = data; 
    }); 
    }]); 

Однако, если я поставил JSON в локальный файл и получить к нему доступ так

angular.module('nbd7AppApp') 
    .controller('BlogListCtrl', ['$scope', '$http', function ($scope, $http) { 
    $http.get('views/blogs.json') 
     .success(function(data) { 
     $scope.nodes = data; 
    }); 
    }]); 

он отлично работает. Есть ли что-то, что мне нужно сделать по-другому, чтобы читать его с URL-адреса сайта?

Спасибо.

Answer 1

Как указано в моем комментарии выше, ответ был CORS. Как только я добавил эту строку к своему виртуальному хосту Apache:

Header set Access-Control-Allow-Origin "*" 

ошибка исчезла.