Angular html中有角度的4/5图像路径

我的工作区结构如下所示：

src/
   app/
   asset/
       img1.png
       img2.png
       img3.png

<img style="height: 395px; width: 360px;" src="asset/img1.png">

。。。 如您所见，应用程序文件夹和资产文件夹位于同一级别。我的索引文件也在src文件夹中。 我正在尝试将图像加载到我的组件中，但无法使其显示，并且我一直出现错误，例如：

GET http://localhost:4200/asset/img1.png 404 (Not Found)

我的html如下所示：

src/
   app/
   asset/
       img1.png
       img2.png
       img3.png

<img style="height: 395px; width: 360px;" src="asset/img1.png">

---

路径的任何解决方案？

默认情况下，资产文件夹的名称为

资产

。这是在

apps->assets

设置中的

.angular cli.json

中设置的

---

当您将文件放在那里时，您应该能够完全像您那样链接它们：

默认情况下，资产文件夹的名称为

资产

。这是在

apps->assets

设置中的

.angular cli.json

中设置的

---

当您将文件放在那里时，您应该能够完全像这样链接它们：

将文件夹添加到

.angular cli.json

文件中，如下所示

从

src

文件夹中创建的所有自定义文件都需要添加到此处

"apps": [{
    "root": "src",
    "outDir": "dist",
    "assets": [
        "assets",
        "asset" // <-- Like this
    ],
........
}]

“应用程序”：[{
“根”：“src”，
“outDir”：“dist”，
“资产”：[
“资产”，
“资产”//在
.angular cli.json
文件中添加文件夹，如下所示

从
src
文件夹中创建的所有自定义文件都需要添加到此处

"apps": [{
    "root": "src",
    "outDir": "dist",
    "assets": [
        "assets",
        "asset" // <-- Like this
    ],
........
}]

“应用程序”：[{
“根”：“src”，
“outDir”：“dist”，
“资产”：[
“资产”，
“资产”//文件夹名称为
资产
或
资产
？Angular默认创建
资产
。请检查这是否正常……我有Angular assets文件夹，但我创建了资产文件夹供我使用。您必须将此新文件夹（“资产”）添加到“资产”中。”angular json配置文件中的数组。无论如何，是否有充分的理由使用不同的文件夹，而不是angular团队定义的默认文件夹？我设法将“资产”文件夹移动到默认angular“图像”下文件夹并将路径更改为image/asset/img1.png，现在它工作得很好。感谢文件夹名称为
asset
或
assets
？Angular默认情况下创建
assets
。请检查是否可以……我有Angular assets文件夹，但我创建了asset文件夹供我使用。您必须将此新文件夹（“asset”）添加到“assets”中angular json配置文件中的数组。无论如何，是否有充分的理由使用不同的文件夹，而不是angular团队定义的默认文件夹？我设法将“资产”文件夹移动到默认angular“图像”下文件夹并将路径更改为image/asset/img1.png，现在它工作得很好。谢谢这很好…我默认有angular assets文件夹，但我创建了供我使用的asset文件夹，并将图像放入其中。在这种情况下，只需将其添加到我在第一段中提到的配置中。不过，我建议使用assets文件夹。该文件夹供您使用：-)这很好…默认情况下，我有angular assets文件夹，但我创建了asset文件夹供我使用，并将图像放入其中。在这种情况下，只需将其添加到我在第一段中提到的配置中。不过，我建议使用assets文件夹。该文件夹供您使用：-）