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
– Lucas_Santos, Commented Nov 27, 2014 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
– Patrick Evans, Commented Nov 27, 2014 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
– harishr, Commented Nov 27, 2014 at 16:34

harishr · Accepted Answer · 2014-11-27 17:10:25Z

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, 2014 at 17:10

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

Comments

Peter Lyons · Accepted Answer · 2014-11-27 17:01:04Z

1

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.

answered Nov 27, 2014 at 17:01

Peter Lyons

147k32 gold badges285 silver badges281 bronze badges

Collectives™ on Stack Overflow

Cross Domain Request with AngularJS doesn't work

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related