angularJS를 사용하여 uber-api 제품을 호출 할 때의 문제

Question

uber-api 제품 나머지 끝점을 테스트하려고 시도 했으므로 각도를 사용하여 응답을 얻을 수 없습니다. $ http.get url을 브라우저에 붙여 넣으면 작동합니다. 그러나 저는 항상 angularjs를 통해 오류 응답을 얻습니다. 아래의 jsfiddle은 내가 성취하고자하는 것을 제거한 예입니다.

function UberCtrl($scope, $http) { 
    $http.get('https://sandbox-api.uber.com/v1/products?latitude=37.7759792&longitude=-122.41823&server_token=<token_here>') 
    .success(function(data) { 
     console.log('success'); 
     $scope.uberData = data; 
    }) 
    .error(function(data) { 
     console.log('error'); 
     $scope.uberData = 'Error: ' + data; 
    }); 
} 

http://jsfiddle.net/t3kcwc7y/630/

나는이 이미 포함 된 경우 너무 유감 기존 jsfiddle/plunker 예를 찾을 수 없습니다. 미리 감사드립니다.

크롬에서 테스트 할 때 크롬에 CORS 오류가있는 것으로 보이는 "요청되지 않은 리소스에 Access-Control-Allow-Origin '헤더가 있습니다. 파이어 폭스에서 작동합니다. 나의 궁극적 인 목표는 salesforce/force.com에서 이것을 실행하고 모든 브라우저에서 지원하는 것입니다. CORS 오류가 jsfiddle 때문인지 확실하지 않습니다.

Answer 1

CORS를 지원하는 브라우저에서 동네 짱 API를 사용하기위한 예제를 참조하십시오 :

https://developer.uber.com/docs/rides/api-reference

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'https://api.uber.com/v1/products?latitude=37.7759792&longitude=-122.41823'); 
xhr.setRequestHeader("Authorization", "Token YOUR_SERVER_TOKEN"); 
xhr.send();