Angularjs $ http.get()无效!怎么了?我该如何解决?

时间:2017-11-18 08:01:10

标签: javascript html angularjs

帮我修改代码。 我更改端口并重新启动服务器,它仍然无法正常工作。

<div ng-repeat="x in records"> {{x.name}} {{x.email}} {{x.number}}</div>

这不会显示任何内容

我的代码在这里

myApp.controller('myController', function($scope, $http) {    
    $http({
        method : "GET",
        url : "http://localhost:8081/contact"
    }).then(function successCallback(response){
        console.log("success");
        $scope.records = response.data;
    }, function errorCallback(response){
        console.log("error");
    })
});

1 个答案:

答案 0 :(得分:0)

Access-Control-Allow-Origin 响应标头指示是否可以与具有给定源的资源共享响应。

因此,您的后端Web服务应该在Access-Control-Allow-Origin响应头中的响应中包含您的源(在此示例中为http://localhost:4231)。否则它将不会共享所请求的资源。

设置此标题的语法如下

Access-Control-Allow-Origin: *
OR
Access-Control-Allow-Origin: <origin>