Javascript 得到http://localhost//images/Products/ 403（禁止）

我有一个简单的angularjs html页面，它从api调用中检索一些图像

<div class="col-xs-12" >
    <h3>Product List</h3>
</div>
<div class="col-xs-12" ng-controller="productCtrl as ctrl" >
    <div class="well" ng-repeat="item in ctrl.products">
        <h3>
            <img style="float:left; height:80px; margin-right:10px" 
                ng-src="images/Products/{{item.Imagename  || '' }}" >
            <strong>{{item.Name}}</strong>
            <span class="pull-right label label-primary">
                {{item.Price | currency}}
            </span>
        </h3>
        <button ng-click="addProductToCart(item)" class="btn btn-success pull-right">
            Add to cart
        </button>
        <span class="small">{{item.Description}}</span>
    </div>
</div>

产品清单
{{item.Name}}
{{item.Price | currency}}
添加到购物车
{{item.Description}

一切正常，数据显示，但图像显示不出403禁止的错误

我尝试向IIS_IUSR和用户（localPC）添加权限，但仍然收到相同的错误

尝试在Google和StackOverflow上搜索，但没有解决我的问题

我怎样才能解决这个问题

---

谢谢你的帮助和时间。

也许这应该行得通。

---

通过此修改，在数据到达之前，内容是空的。

可能Imagename是空的，因此您尝试显示文件夹本身，这当然不起作用。调试并查看Imagename属性的实际值。403禁止完全是服务器端的，这是一个常见的用户权限问题-直接访问图像时是否可以看到图像？（通过url）@brod yes当我键入时，我可以正确地看到图像，听起来阴影向导可能正沿着正确的路径前进-检查变量是否输出正确的信息。我对angular很陌生。如何检查Imagename属性是否为空？我用的是铬。如何签入web开发控制台？