图像相对路径不适用于 Angular

【问题标题】：Image relative path not working with Angular图像相对路径不适用于 Angular
【发布时间】：2020-06-29 10:59:41
【问题描述】：

我正在尝试显示存储在 /public/img/"image_file" 项目目录系统中的图像。

/home/adrian/Escritorio/proyectos/mean-social-network/frontend/src/app/public/img/beach2.jpg

我需要从下一个组件 HTML 文件中显示它：index.component.html

为什么这个相对路径不起作用？

感谢阅读。

【问题讨论】：

【解决方案1】：

实际上，您应该将 assets 文件夹与 app 文件夹放在同一层并且您可以在组件和 HTML 部分中编写 URL，如下所示：

<img src="/assets/*.svg">

background-image: url('/assets/*.svg');

【讨论】：