style - Cómo resolver CORS, es decir, la misma política de origen en angularjs

ng-if

Question

Estoy desarrollando una aplicación móvil en angularjs donde tengo que hacer una llamada al servicio web. Pero, cuando realizo la llamada con $http.get , aparece el siguiente error.

XMLHttpRequest cannot load http://example.com/First_Step.json. No ''Access-Control-Allow-Origin'' header is present on the requested resource. Origin ''http://127.0.0.1:8020'' is therefore not allowed access. 

Mi función para esto es la siguiente:

$scope.firstStepClick = function() {
    appSvc.selectedItem = "firstStep";
    $rootScope.go(''parent/firststep'', ''slideLeft'');
    delete $http.defaults.headers.common[''X-Requested-With''];            
    $http.get("http://example.com/First_Step.json").success(function(data) {
        $scope.firstStepData = data;
    }).error(function() {
        alert("an unexpected error occured");
    });
};

Por lo tanto, ayúdame a resolver este problema CORS. Estoy usando html5, css3 y angularjs para el desarrollo de esta aplicación móvil.

Gracias por adelantado

Answer 1

apache:

http://enable-cors.org/server_apache.html

nodejs

res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Content-Type");

cabestrillo apache

http://sling.apache.org/apidocs/sling5/org/apache/sling/api/servlets/SlingSafeMethodsServlet.html#doOptions(org.apache.sling.api.SlingHttpServletRequest,org.apache.sling.api.SlingHttpServletResponse) utilizar doOptions y devolver Permitir

desafortunadamente no soy un experto en cabestrillo apache y eso es lo mucho que pude googlear, verifique su pestaña de red, la primera llamada a su servidor es una llamada ''OPCIONES'' que devuelve las opciones permitidas que debería devolver * o específicas como ''get'' o ''post'' dependiendo de las necesidades, entonces se realizará la llamada reall

Answer 2

No tienes que hacer nada en el lado angular.

El lado del servidor es el responsable de enviar los encabezados de derechos para habilitar CORS

Echa un vistazo a esto:

http://enable-cors.org/server.html