跨域$ http请求AngularJS

Question

我有一个使用AngularJS构建的简单网站，该网站调用json数据的API。

但是我遇到了跨域起源问题，是否可以解决跨域请求？

错误：

XMLHttpRequest无法加载http://api.nestoria.co.uk/api?country=uk&pretty=1&action=search_listings&place_name=soho&encoding=json&listing_type=rent。所请求的资源上没有“
Access-Control-Allow-Origin”标头。因此，不允许访问源“ http：// localhost”。

  searchByPlaceName: function() { 
        var url = baseurl+'country=uk&pretty=1&action=search_listings&place_name=london'+encoding+type;
         return $http.get(url);
    }

Answer 1

似乎api.nestoria.co.uk不允许CORS。它必须设置Access-Control-Allow-Origin标头本身-
您对此没有直接控制权。

但是，您可以使用JSONP。该站点允许它通过callback查询参数。

$http.jsonp(baseurl+'country=uk&pretty=1&action=search_listings&place_name=london'
    +encoding+type + "&callback=JSON_CALLBACK")