javascript - AngularJS 的跨域请求不起作用

Question

我需要使用 Angular 执行跨域请求，但出现错误

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.

我看到了here一个解决方案示例，但对我不起作用。

这是从我的本地主机到我网络中的一台机器的请求，应该返回一个 JSON。

代码片段

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

然后为我服务

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);

Answer 1

你需要在服务器上启用cors

例如全局初始化

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

了解更多 here ...阅读部分 [EnableCors] 的范围规则