Question

我正在使用 Angular 5 试图显示我已经坐在文件中的图像2个目录，我从哪里获得HTML，但是我只是得到空白图像框并出现错误在控制台中：

获取http://localhost:4200/logo.jpg 404（未找到）

我试图通过代码输出：

<img src="../../logo.jpg">

我已经通过在src中放置了一个完美运行的placeholder.it图片进行了测试......出于某种原因，这不会吗？

Answer 1

如果您使用@angular/cli，则需要将/src/assets/下的图片与.angular-cli.json资产配置保持一致。然后，您可以直接使用图像，例如：

<img src="assets/pa-logo.jpg">

您可以在＆＃34; assets＆＃34;下创建其他文件夹。 .angular-cli.json中的财产，以便在必要时进行额外的控制/组织：

  "assets": [
    "assets",
    "foobar",
    "favicon.ico"
  ],

将pa-logo.jpg放入此假设foobar文件夹后的用法：

<img src="foobar/pa-logo.jpg">

希望这有帮助！