Javascript 加载失败-跨原点请求为-Angular.js 1.x-ngRoute

我知道这个问题已经被问到了。但我的疑问是，当我尝试从外部服务器获取数据时，我可以毫无问题地获取数据，并且可以使用ng repeat填充表中的数据。但是，我再一次用同样的方法获取一些其他数据（audio-.ogg），这些数据具有不同的url，它显示只有协议方案才支持跨源请求：http、data、chrome、chrome-

我使用ngRoute获取低于$http的数据

app.controller('HomeController', function($scope) {
  $scope.message = 'Hello from HomeController';
    $http.get("https://some-example-url.com/posts")
           .then(function(response) {
               $scope.externalAPIData = response.data;
               $scope.sortByTitle     = 'title';
               $scope.searchByUserName   = '';
               $scope.sortReverse  = false;
               console.log("response", response.data)
           });
});

同样的方法不适用于以下情况

app.controller('BlogController', function($scope,$http) {
  $scope.message = 'Hello from BlogController';
  $http.get('https://example-url.com/previews/volume1.ogg' ).success(function (data){
    $scope.medianew = data.media.map(function (m) {
      m.url = $sce.trustAsResourceUrl(m.url);
      return m;
    });

  });
});

为此，我尝试从给定的url访问数据，我只是将其更改为从本地json调用，如下所示

[{
    "audioSourceName": "sample 1",
    "audioSource":"https://example-url.com/previews/volume1.ogg"
  }, {
   "audioSourceName": "sample 2",
    "audioSource":"https://example-url.com/previews/volume3.ogg"
  } ]

为了实现上述目标，我知道我必须做一些服务器工作（node.js），但对此一无所知。 我不知道为什么相同的方法会对不同的url抛出CROS错误

请不要投反对票

提琴或普朗克的例子将有助于理解

---

谢谢大家

您无法使用$http获取视频资源。 在$http中，而不是使用“”作为url使用“”，然后更改元素的url

$http.get(<url-to-load-json-from>).success(function (data){
$scope.medianew = data.media.map(function (m) {
  m.url = $sce.trustAsResourceUrl(m.url); // m.url is the url of the video
  return m;
});

$http.get（）.success（函数（数据）{
$scope.medianew=data.media.map（函数（m）{
m、 url=$sce.trustAsResourceUrl（m.url）；//m.url是视频的url
返回m；
});

}))

当您从$http.get获取媒体文件而不是json时，出现CORS异常

---

感谢您的参与。我实际上正在尝试获取音频文件。如果可能的话，你可以创建小提琴吗？@my_first_step使用当前代码创建工作小提琴是你的责任，因此用户可以提供更具体的答案并对其进行编辑。请看[我用一些其他的例子创建了这个。但是这个也不起作用，请检查这个plunker@my_first_step请查找plnkr链接。无法在本地计算机bro中运行此链接。我需要任何服务器端作业吗？