Question

我正在我的一个模特中创建一个包含图像的MEAN应用程序。当页面加载时，图像在页面上呈现正常但在我的控制台中我收到关于它们的错误：GET http://localhost:3000/%7B%7Bitem.photo_url%7D%7D 404 (Not Found)并且在我的终端中运行npm和mongod：{{1 }}

我不确定导致此错误的是什么，因为在前端它看起来很好。任何意见，将不胜感激！谢谢！

GET /%7B%7Bitem.photo_url%7D%7D 404 1.999 ms - 2083

Answer 1

在你的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>

请参阅角度文档Angular 1 ng-src Doc

Answer 2

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

错误：图像有GET 404（未找到）错误，但图像显示正常

2 个答案: