angular2中的图像相对路径

我正在做一个Angular2（平均堆栈）项目，我正试图通过以下方式添加一个图像（从数据库检索）：

<img [src]="'../../../public/img/mountains-thumbnail/' + mountain.image">

如您所见，我可以成功地从数据库中检索图像，但图像路径上似乎有错误

这是我的项目结构（大写表示文件夹，小写表示文件）：

试试这个

<img [src]="'public/img/mountains-thumbnail/' + mountain.image">

如果您的根文件夹是src或app，请使用

<img [src]="'src/public/img/mountains-thumbnail/' + mountain.image">

而不是这个-

<img [src]="'../../../public/img/mountains-thumbnail/' + mountain.image">

---

如果您尝试@Pardeep Jain-answer但未与您合作，请删除

。/../../..//code>
。
我只能认为您的服务器无法访问图像文件夹

验证您的服务器是否允许访问和提供映像文件夹和映像文件
 尝试使用单个变量保存图像的完整路径。可能会帮助你：
，而且你的文件夹名称是大写的。为了保持清楚，这里文件夹的名称是大写的。但对我来说同样有效，令人惊讶的是，你有根文件夹吗？我有一个“mountain”文件夹，里面有我在问题中写的结构。我还尝试过：“'mountain/public/img/mountains-thumbnail/'+mountain.image”
<img [src]="'src/public/img/mountains-thumbnail/' + mountain.image">

<img [src]="'../../../public/img/mountains-thumbnail/' + mountain.image">