Cross Domain Request with AngularJS doesn't work

Question

I need to do a Cross Domain Request using Angular, but I got the error

XMLHttpRequest cannot load http://machine_name_in_my_network:8082/GetAll. No
'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:53379' is therefore not allowed access. The response had HTTP status code 500.

I saw here a solution sample, but doesn't worked for me.

This is a request from my localhost to a machine in my network and should return a JSON.

Code Snippet

//Controller 
function crmContatosCtrl($scope, apiService) {
    apiService.get('/GetAll').then(function (data) {
       $scope.contatos = data;
    });

and then comes to my service

function comWebApi_Service($http, $log) {
    return {
        get: function (url, data) {

            //return $http.jsonp(ApiURL + url)
            //    .success(function (data) {
            //        debugger;
            //    })
            //    .error(function (data) {
            //        debugger;
            //    });

            return $http.get(ApiURL + url, data).then(
                function (res) {                
                    return res.data;
                });
        },

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

@harish Appears `This request has no response data available.`, with a Error 500 — Lucas_Santos, Nov 27 '14 at 16:32
You cannot simply enable cors by setting a header on the client side, the server you are making the request to has to have CORS enabled — Patrick Evans, Nov 27 '14 at 16:32
can you share what have you tried on server side? how you enabled cors?? cors enabling is server side decision as well... — harishr, Nov 27 '14 at 16:34
@harish we just follow the tutorial, http://enable-cors.org/server_aspnet.html — Lucas_Santos, Nov 27 '14 at 16:49
@harish Can you show me a sample ? I ask the devolper who develop the WebAPI and her answer was that he just follow these tutorial that I told. — Lucas_Santos, Nov 27 '14 at 16:56
read [here](http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api) — harishr, Nov 27 '14 at 17:01

score 1 · Answer 1 · answered Nov 27 '14 at 17:01

This is missing code on the server side, not in your browser AngularJS code. You do not need either of these lines with recent angularjs builds. These are both based on outdated information (They won't break anything, they are just unnecessary and based on outdated copypasta):

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];

Your server code needs to add the necessary CORS headers to its HTTP responses, so ask the maintainer to do so or post server side snippets and we can help with that.

score 1 · Accepted Answer · answered Nov 27 '14 at 17:10

1

you need to enable cors on server

e.g. to init it globally

    var cors = new EnableCorsAttribute("*", "*", "*");
    config.EnableCors(cors);

read more about it here... read section Scope Rules for [EnableCors]

answered Nov 27 '14 at 17:10

harishr

17,807
9
78
125

Cross Domain Request with AngularJS doesn't work

2 Answers2