javascript - AngularJS 1.2 跨源请求仅支持 HTTP

Question

有没有办法配置 Angular 应用程序以使其可用？我正在使用工厂。

顺便说一句，我使用 localhost 作为网络服务器，但我正在向其他服务器（同一网络）发出请求。

angular.module('demoApp.factories', [])
    .factory('dataFactory', ['$http', function($http) {

    var urlBase = 'external-server:8080';
    var dataFactory = {};
    dataFactory.getTest = function () {
        return $http.get(urlBase + '/test');
    };

    return dataFactory;
}]);

Answer 1

终于找到了解决办法。将在这里发布，也许它可以帮助其他人：

angular.module('demoApp.factories', [])
    .factory('dataFactory', ['$http', function($http) {

    var urlBase = 'external-server:8080';
    var dataFactory = {};
    dataFactory.getTest = function () {
        //Note the $http method changed and a new parameter is added (callback)
        //the value of the callback parameter can be anything
        return $http.jsonp(urlBase + '/test?callback=myCallback');
    };

    return dataFactory;
}]);

控制器文件基本上只是调用这个工厂：

angular.module('demoApp.controllers', []).controller('controller1', ['$scope', 'dataFactory', 
        function ($scope, dataFactory) {

    $scope.status;
    $scope.data;
    dataFactory.getTest().success(function (data) 
    {
        $scope.data = data;
    }).error(function (error) 
    {
        $scope.status = 'Unable to load customer data: ' + error.message;
    });

Answer 2

您可能希望按照此处指定的方式配置 $httpProvider：http: //better-inter.net/enabling-cors-in-angular-js/

另一种方法是在前端服务器上创建一个简单的 http 代理，以使外部请求看起来像是来自同一台服务器的角度。