Angular 所有图像都位于错误路径控制台错误

我试图通过数据数组实现图像，但它显示找不到图像

幻灯片界面

export interface Image {
  title: string;
  url: string;
}

幻灯片.component.ts

  public images = IMAGES;
}


var IMAGES: Image[] = [
  { "title": "We are covered", "url": "../../images/cover1.jpeg" },
  { "title": "Generation Gap", "url": "../../images/cover2.jpeg" },
  { "title": "Potter Me", "url": "../images/cover3.jpeg" },

];

文件夹结构 形象 主页->幻灯片->幻灯片.component.ts 此文件名为slide.component.ts，位于名为slide的文件夹中，幻灯片文件夹位于主文件夹中。

---

在主文件夹之外，还有一个名为images的文件夹。所以我假设我正确地描述了路径，那么有什么问题吗？

如果您希望所有图像在所有类型的构建和常规服务中都能正常工作，您应该将它们放在

src/assets

文件夹中，最后您指向它们的路径应该类似于

。/assets/image file.png

。另外，不要忘记将这些资产包括到

.angular cli.json

：

"apps": [
  {
    "assets": [
      "assets",
      ...
    ],
    ...
  }
];

---

它需要是相对于URL的路径，而不是相对于文件结构的路径。因此，如果您的页面是

mypage.com/home

，并且您的图像位于

mypage.com/images/cover1.jpeg

，您只需要

images/cover1.jpg

是，但如果我没有该URL怎么办？我的文件夹中只有这些图像。当我试着用你说的方法时，它说的是404错误。有没有其他方法可以从文件夹而不是URL获取图像？图像放在哪里<代码>资产/图像？例如：{“title”：“Potter Me”，“url”：./assets/image file.png”}、@Artyom，是的，但不要忘记其他步骤：）