How to resolve CORS ie same origin policy in angularjs

Question

I am developing a mobile application in angularjs where I have to make call to web service. But, when I am making the call with $http.get it is giving the following 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.

My function for this is as follows:

$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"); }); };

So, please help me to solve this CORS problem. I am using html5, css3 and angularjs for this mobile app development.

Thanks in advance

cuttlas · Accepted Answer · 2014-06-27 08:09:47Z

5

You don't have to do anything in the Angular side.

The server side is the one responsible to send the rights headers to enable CORS

Take a look a this:

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

answered Jun 27, 2014 at 8:09

cuttlas

9816 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anindya Over a year ago

and how will I do that. ie, how will I add header to enable CORS.

cuttlas Over a year ago

Well, it depends on which technology you are using in the backend. There are examples for a lot of them in the link that I attached in the answer.

maurycy · Accepted Answer · 2014-06-27 11:05:16Z

apache:

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

nodejs

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

apache sling

http://sling.apache.org/apidocs/sling5/org/apache/sling/api/servlets/SlingSafeMethodsServlet.html#doOptions(org.apache.sling.api.SlingHttpServletRequest,org.apache.sling.api.SlingHttpServletResponse) utilise doOptions and return Allow

unfortunatelly I'm not an apache sling expert and that's how much i was able to google, check your network tab, the first call to your server is a 'OPTIONS' call which returns what options are allowed it should return * or specific ones like 'get' or 'post' depending on needs then the reall call will be made

Collectives™ on Stack Overflow

How to resolve CORS ie same origin policy in angularjs

2 Answers 2

2 Comments

apache:

nodejs

apache sling

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

apache:

nodejs

apache sling

1 Comment

Linked

Related