如何将图像嵌入位于资产以外的另一个目录中的 Angular 中？
How to embed images in Angular which lie in another directory than assets?
我有一个具有以下结构的 Angular 应用程序：
Structure
可以看到，有一个backend目录（黄色标记），里面还有其他的目录，所以下面的路径是有效的：backend/uploads/users/user123/unnamed.jpg.
现在我想在我的 app.component.html
中使用该图像
<img src="">
我试图以不同的方式将路径放入 src-属性 但图像没有出现。在我的 Angular 项目中使用该图像的 src 看起来如何？
我猜您正在使用 angular CLI。因此，您应该将图像放在 assets 文件夹中。再试一次，它将起作用。
像这样：
<img src="/assets/images/unnamed.jpg">
编辑：很抱歉，确实错过了那部分。您需要为此编辑 angular.json 文件。将备份文件夹的路径添加到资产中。但是备份文件夹必须在 src 文件夹中才能工作。这就是我对解决方案的建议。
所以你将添加“src/backup”
我不认为你想做的事情实际上是可行的。如果你想在 Angular 应用程序中使用图像，它要么是一种资产，你将它放在资产文件夹中，要么是来自你的后端的资源，你将不得不编写一个适当的机制来公开想要的资源，然后在您的 Angular 应用程序中使用它。
我有一个具有以下结构的 Angular 应用程序： Structure
可以看到，有一个backend目录（黄色标记），里面还有其他的目录，所以下面的路径是有效的：backend/uploads/users/user123/unnamed.jpg.
现在我想在我的 app.component.html
中使用该图像<img src="">
我试图以不同的方式将路径放入 src-属性 但图像没有出现。在我的 Angular 项目中使用该图像的 src 看起来如何？
我猜您正在使用 angular CLI。因此，您应该将图像放在 assets 文件夹中。再试一次，它将起作用。
像这样：
<img src="/assets/images/unnamed.jpg">
编辑：很抱歉，确实错过了那部分。您需要为此编辑 angular.json 文件。将备份文件夹的路径添加到资产中。但是备份文件夹必须在 src 文件夹中才能工作。这就是我对解决方案的建议。 所以你将添加“src/backup”
我不认为你想做的事情实际上是可行的。如果你想在 Angular 应用程序中使用图像，它要么是一种资产，你将它放在资产文件夹中，要么是来自你的后端的资源，你将不得不编写一个适当的机制来公开想要的资源，然后在您的 Angular 应用程序中使用它。