Javascript 使用angular http服务集成API时出错

调用one

restapi

使用Angular.js获取数据时，我遇到以下错误

错误： 加载失败：对飞行前请求的响应未通过访问控制检查：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源。因此，不允许使用源“” 进入

我在下面提供我的代码

homeController.js:

var dashboard=angular.module('bookingjini');
dashboard.controller('homeController',function($scope,$http,$state,$window,DataService){
    $scope.hotelDetailsArr=[];
    var url='http://13.232.74.71:8081/get/all_hotels';
    var method='GET';
    var data='';
    DataService.connectToServerSideScript(method,url,data)
    .then(function(response) {
        $scope.hotelDetails=response.Data;
        angular.forEach($scope.hotelDetails,function(obj){
            $scope.hotelDetailsArr.push(obj.Record);
        })
    },function(error) {

    })
})

Admin.factory('DataService', DataService);
function DataService($http, $q){
    return{
        connectToServerSideScript:connectToServerSideScript
    }
    function connectToServerSideScript(method,url,userData){
        //console.log('deffered',method,url,userData);
        var deferred = $q.defer();
        $http({
            method:method,
            url:url,
            data:userData,
            headers: { 'Content-Type': 'application/json' }
        }).then(function(response) {
            //console.log('data defer',response.data);
            deferred.resolve(response.data);
        },function(error) {
            deferred.reject(error.data);
        })
        //console.log('data defer',deferred.promise);
        return deferred.promise;
    }

}

route.js:

var dashboard=angular.module('bookingjini');
dashboard.controller('homeController',function($scope,$http,$state,$window,DataService){
    $scope.hotelDetailsArr=[];
    var url='http://13.232.74.71:8081/get/all_hotels';
    var method='GET';
    var data='';
    DataService.connectToServerSideScript(method,url,data)
    .then(function(response) {
        $scope.hotelDetails=response.Data;
        angular.forEach($scope.hotelDetails,function(obj){
            $scope.hotelDetailsArr.push(obj.Record);
        })
    },function(error) {

    })
})

Admin.factory('DataService', DataService);
function DataService($http, $q){
    return{
        connectToServerSideScript:connectToServerSideScript
    }
    function connectToServerSideScript(method,url,userData){
        //console.log('deffered',method,url,userData);
        var deferred = $q.defer();
        $http({
            method:method,
            url:url,
            data:userData,
            headers: { 'Content-Type': 'application/json' }
        }).then(function(response) {
            //console.log('data defer',response.data);
            deferred.resolve(response.data);
        },function(error) {
            deferred.reject(error.data);
        })
        //console.log('data defer',deferred.promise);
        return deferred.promise;
    }

}

---

在这里，我试图通过API url访问数据，从而得到上述错误。我昨天还添加了

Allow-Control-Allow-Origin:

扩展，但今天又出现了相同的错误。

您可能需要在后端API中启用CORS。

确保在http调用执行时启用CORS扩展。您能告诉我如何启用它吗？然后单击浏览器上的CORS图标启用启用“启用cors源代码资源共享”选项，cors图标应变为绿色。@IrvinSandoval:我这样做了，但仍然是同一个问题。注意，我们更喜欢这里的技术风格。我们轻轻地劝阻问候，希望你能帮助，谢谢，提前感谢，感谢信，问候，亲切的问候，签名，请你能帮助，闲聊的材料和缩写的txtspk，恳求，你被困多久了，投票建议，元评论等。只需解释你的问题，并展示你已经尝试了什么，你期望什么，实际上发生了什么。