AngularJS REST调用错误

AngularJS REST Call Error

本文关键字：错误 调用 REST AngularJS      更新时间：2023-09-26

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

这是我从角度控制器调用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页面，我在这里使用两个控制器：

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

在执行时，我得到的数据来自本地机器/服务器OR，但对于Controller1，我得到以下错误：

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

当我访问直接http://<SERVER IP>:8080/RESTCall/test.json时，我可以获得数据。。

您正在触发一个跨域请求（CORS）。在激发实际的GET请求之前，浏览器将首先激发飞行前OPTIONS请求。因此，您必须配置服务器以响应OPTIONS请求并返回适当的Access Control-*标头。

相关文章：