No 'Access-Control-Allow-Origin' header is present on the requested resource- AngularJS

Question

XMLHttpRequest cannot load http://mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access. 

I get this error when I try to run my web-service from inside my code. I tried finding about it and tried many solutions which were suggested which I found on net. Pasting the code below.

<form name="LoginForm" ng-controller="LoginCtrl" ng-submit="init(username,password,country)">     <label>Country</label><input type="text" ng-model="country"/><br/><br/>     <label>UserName</label><input type="text" ng-model="username" /></br></br>     <label>Password</label><input type="password" ng-model="password">     </br>     <button type="submit" >Login</button> </form> 

And controller form the corresponding js is:

app.controller('LoginController', ['$http', '$scope', function ($scope, $http) {     $scope.login = function (credentials) {     $http.get('http://mywebservice').success(function ( data ) {         alert(data);         });     } }]); 

The web-service works fine when I hit it from URL bar. How to resolve the problem? Kindly help!

Answer 1

The Chrome Webstore has an extension that adds the 'Access-Control-Allow-Origin' header for you when there is an asynchronous call in the page that tries to access a different host than yours.

The name of the extension is: "Allow-Control-Allow-Origin: *" and this is the link: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Answer 2

On the client side you can enable cors requests in AngularJS via

app.config(['$httpProvider', function($httpProvider) {         $httpProvider.defaults.useXDomain = true;         delete $httpProvider.defaults.headers.common['X-Requested-With'];     } ]); 

However if this still returns an error, this would imply that the server that you are making the request has to allow CORS request and has to be configured for that.