html - 如何在 Angular 中嵌入与资产不同的目录中的图像？

我有一个具有以下结构的 Angular 应用程序：结构

如您所见，有一个后端目录（黄色标记），其中存在其他目录，因此以下路径有效：backend/uploads/users/user123/unnamed.jpg。

现在我想在我的app.component.html中使用该图像

<img src="">

我试图以不同的方式将路径放在 src-property 中，但图像没有出现。在我的 Angular 项目中使用该图像时，src 的外观如何？

标签： htmlangularimagesrc

我猜你正在使用角度 CLI。因此，您应该将图像放在资产文件夹中。再试一次，它会工作的。

像这样：

<img src="/assets/images/unnamed.jpg">

编辑：对不起，确实错过了那部分。您需要为此编辑 angular.json 文件。将那里的备份文件夹的路径添加到资产中。但是备份文件夹必须在 src 文件夹中才能正常工作。这就是我对解决方案的建议。所以你将添加“src/backup”