GET 404（未找到） - 角度 js 链接路由

Question

我正在使用 Ionic 和 Angular 创建一个简单的应用程序。我正在使用 Ionics ionic serve 命令在本地运行来设置一个简单的服务器。

这是我的 playlist.html 代码，我将在其中显示我的视频：

<video ng-src="{{playlist.video}}" width="560" height="315"></video>

这是我的controller.js，它将url传递给playlist.html：

controller('PlaylistCtrl', function($scope, $stateParams) {
  $scope.playlistSet = [
    [
      { track: 'Iris', artist: 'Sleeping with the Sirens', video: 'www.youtube.com/watch?v=cyOqIKGbYkg'}
     
    ]
  $scope.id = $stateParams.playlistId;});

当我运行播放列表时，视频没有出现。它给了我错误：

Cannot GET /www.youtube.com/watch?v=QBmTGlUmgpg

在过去的几个小时里，我一直在寻找这个错误背后的原因，但无法解决。希望有人遇到过同样的问题并能够提供补救措施。

Answer 1

我看到一件奇怪的事情

$scope.playlistSet = [
    [
      { track: 'Iris', artist: 'Sleeping with the Sirens', video: 'www.youtube.com/watch?v=cyOqIKGbYkg'}

    ]

我们这里不是多了一个[吗？

无论如何，真正的问题是您的浏览器将您的 URL 解释为本地 URL，因此试图在您的根目录中找到它（注意错误消息中 URL 之前的/）。将http:// 添加到您的视频网址（您的对象中的video 属性）应该可以解决它。

Answer 2

您必须将其更改为：

 controller('PlaylistCtrl', function($scope, $stateParams, $sceProvider) {
  $sceProvider.enabled(false); //this will cause CORS vulnerabilities.
  $scope.playlistSet = [
    [
      { track: 'Iris', artist: 'Sleeping with the Sirens', video: 'http://www.youtube.com/watch?v=cyOqIKGbYkg'}

    ]
  $scope.id = $stateParams.playlistId;});