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

GET 404 (Not Found) - angular js link routing

本文关键字：角度 js 链接 路由 GET      更新时间：2023-09-26

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

这是我的播放列表.html代码，我将在其中显示我的视频：

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

这是我的控制器.js它将URL传递给播放列表.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

在过去的几个小时里，我一直在寻找此错误背后的原因，无法解决它。希望有人遇到过同样的问题，并能够帮助解决。

我看到一件奇怪的事情

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

我们这里没有额外的[吗？

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

您必须将其更改为：

 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;});
相关文章：