javascript - AngularJS REST 调用错误

Question

在我的项目中，我有一个 json 文件，一个部署在本地计算机/服务器中，另一个部署在另一台服务器中。

这是我从 Angular Controller 调用 json 数据的代码 -

function Controller($scope, $http) {
    $http.get("http://localhost:8080/RESTCall/test.json").
        success(function(data) {
            $scope.lists= data;
        });
}


function Controller2($scope, $http) {
    $http.get("http://<Server IP>:8080/RESTCall/test.json").
        success(function(data) {
            $scope.lists= data;
        });
}

这是我的 index.html 页面，我在其中使用了这个 Controller :

    <div ng-controller="Controller">    
        <ul ng-repeat="list in lists">
            <li>            
            {{list.testdata}}
            </li>
        </ul>     
    </div>


    <div ng-controller="Controller2">    
        <ul ng-repeat="list in lists">
            <li>            
            {{list.testdata}}
            </li>
        </ul>     
    </div>

在执行时，我获取的数据来自本地计算机/服务器，或者对于 Controller1，我收到以下错误:

OPTIONS http://<SERVER IP>:8080/RESTCall/test.json net::ERR_CONNECTION_REFUSED

当我直接访问http://<SERVER IP>:8080/RESTCall/test.json时我能够获取数据..

Answer 1

您正在触发跨域请求 (CORS)。浏览器将首先触发飞行前 OPTIONS 请求，然后再触发实际的 GET 请求。因此，您必须配置服务器以响应 OPTIONS 请求并返回适当的 Access-Control-* header 。