Как сделать GET запрос в angularjs?

Question

[tupoi]

Доброго времени суток, при попытке сделать запрос AngularJS выдает ошибку вида

XMLHttpRequest cannot load http://127.0.0.1:8000/api/cat/2/. 
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:63342' is therefore not allowed access.

Backend написан на Django с использованием Django Rest Framework, для тренировки решил сделать простую модель с несколькими параметрами, потом перешел на Frontend и тут непонятная ошибка, использую питон пробовал обращаться к серверу, все получается, ответ приходит, а с Ангуляром что-то не задалось.

Код приложения Angular

function MainCtrl ($scope, $http, $log) {
  $http({
      method: 'GET',
      url:"http://127.0.0.1:8000/api/cat/2/"
  })
      .success(function (response) {
      $scope.myResp = response.data;
          $log.info(response);
  });
}


angular
    .module("app", [])
    .controller("MainCtrl", MainCtrl);

Answer 1

[Максим]

Установите cors для джанги
Вы отправляете запросы на разные порты

Answer 2

[mortyy]

Можно попробовать $http.jsonp. кроссдоменные запросы аяксом так просто не послать.

Answer 3

[nuclear_kote]

Это на сервере надо заголовок allow-origin:* выставлять. Гуглите cors

Comments

[nuclear_kote]

Еще вариант запустить все на одном серваке. Адрес должен совпадать