Angular 15 + .NET7环境下产品图片返回Not Found问题求助

问题详情 #

• 该问题已持续数周：页面上产品图片始终显示“Not Found”，但产品名称、价格、规格等其他属性都能正常加载展示。
• 用Postman测试后端.NET 7 API，接口返回数据完全正常，包含正确的图片URL。
• 技术栈为Angular 15 + .NET 7，浏览器开发者工具控制台可以看到完整的产品数据（包括图片URL字段），但图片请求返回404。

API返回的数据示例 #

{
    "pageIndex": 1,
    "pageSize": 6,
    "count": 21,
    "data": [
        {
            "id": 8,
            "name": "ASUS",
            "photoUrl": "images/products/ASUS2.jpg",
            "specification": "ASUS zenbook pro 14 Core i7",
            "generation": "12th Generation",
            "price": 500.99,
            "condition": "New",
            "quantity": 1,
            "storageSize": "512 SSD",
            "ramSize": "32 GB RAM",
            "touchScreen": true,
            "photos": [
                {
                    "id": 8,
                    "url": "images/products/ASUS2.jpg",
                    "isMain": true
                }
            ],
            "productType": "ZenBook",
            "productBrand": "ASUS"
        }
    ]
}

已做的排查 #

• 确认API返回的图片URL格式正确，无拼写错误。
• 检查后端静态文件目录，图片文件确实存在于images/products/路径下。
• 验证Angular前端中图片绑定的路径是否正确（直接使用返回的photoUrl或photos[0].url）。

内容的提问来源于stack exchange，提问作者3bdallah-Oi