如何在我的AngularJS代码中使用或插入Access-Control-Allow-Origin'标头,或者我是否尝试在我的情况下使用错误的代码?

时间:2017-03-30 06:40:26

标签: c# angularjs json

我在AngularJS中有以下一些脚本从URL中提取JSON数组。

<script>
var app = angular.module('myApp', []);
app.controller('recordsCtrl', function($scope, $http) {
  $http.get("https://{erased section}.amazonaws.com/prod/load/1").then(function (response) {
      $scope.records = response.data;
  });
});
</script>    

工作正常。但请注意,在URL的末尾是1.它是十个文件中的第一个。他们中的大多数工作正常,我可以获取数据并使用它。但是在第3,第5和第6个文件中,它只是在上面的代码中没有显示任何内容。

当我把它放在调试器的浏览器中时,我发现它说:“请求的URL上没有'Access-Control-Allow-Origin'标题”。我已经查看过有关此错误消息的几篇帖子,并且我已尝试在Angular代码中实现它们,我甚至已经在ASP.NET WebForms中实现它们,我在其中看到了代码:

<customHeaders>
    <add name="Access-Control-Allow-Origin" value="*"/>
    <add name="Access-Control-Allow-Headers" value="Content-Type"/>
  </customHeaders>

但我认为我必须做错事,不管我将代码插入到我自己的方式或位置,或者可能缺少其他方面,因为没有其他错误出现,并且在Visual Studio中构建和运行,我还没有从网址收到JSON文件。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我想你错过了:<add name="Access-Control-Allow-Methods" value="GET"/>