错误:图像的 GET 404(未找到)错误,但图像显示正常



我正在创建一个带有图像的 MEAN 应用程序。当页面加载时,图像在页面上呈现正常,但在我的控制台中,我收到有关它们的此错误:GET http://localhost:3000/%7B%7Bitem.photo_url%7D%7D 404 (Not Found) 在我的终端中运行 npm 和 mongod:GET /%7B%7Bitem.photo_url%7D%7D 404 1.999 ms - 2083

我不确定是什么导致了此错误,因为在前端似乎很好。任何建议将不胜感激!谢谢!

 .controller("IndexController", [ "$scope", 'items', 
 function($scope, items)
   { $scope.items = items.items
     $scope.addItem = function(){ 
    items.create({ 
      title: $scope.title, 
      photo_url: $scope.photo_url, 
      maker: $scope.maker, 
      description: $scope.description, 
      price: $scope.price }) 
    $scope.title = ''; 
    $scope.photo_url = ''; 
    $scope.maker = ''; 
    $scope.description = ''; 
    $scope.price = ''; 
    $scope.upvotes = ''; 
   }
}]; 

 <h2>Style Review</h2> 
 <div ng-repeat="item in items | orderBy: '-upvotes'"> 
    <span class="glyphicon glyphicon-heart-empty" ng-
    click="increaseUpvotes(item)"> </span> 
    {{item.upvotes}} 
    <p>{{item.title}}</p> 
    <a href="#/items/{{item._id}}"><img class="indexImage" src="
        {{item.photo_url}}" alt="item image"/></a> 
</div>

在你的 HTML 中 - 尝试使用

ng-src 
ng-href 

例如:

 <h2>Style Review</h2> 
 <div ng-repeat="item in items | orderBy: '-upvotes'"> 
    <span class="glyphicon glyphicon-heart-empty" ng-
      click="increaseUpvotes(item)"> </span> 
    {{item.upvotes}} 
    <p>{{item.title}}</p> 
    <a 
        ng-href="#/items/{{item._id}}"> <--- SEE HERE (ng-href)
    <img class="indexImage" 
     ng-src="{{item.photo_url}}"  <----- SEE HERE (ng-src)
     alt="item image"/></a> 
    </div>
查看角度文档

角度 1 ng-src 文档

我认为%7B%7Bitem.photo_url%7D%7D这是一个糟糕的地址。请检查console.log()图片网址 %7B%7 - 它不是关于文件名的意思 Bitem.photo_url我认为这是变量请为此问题粘贴一些代码

相关内容

  • 没有找到相关文章

最新更新