代码之家 › 专栏 › 技术社区 › John Theoden

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

path image angular

John Theoden · 技术社区 · 7 年前

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

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

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

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

我的html如下所示:

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

path有什么解决方案吗?

2 回复 | 直到 7 年前

Martin Nuc 7 年前

默认情况下,资源文件夹的名称为 assets 。此设置为 .angular-cli.json 在里面 apps->assets 设置。

当您将文件放在那里时,您应该能够像这样链接它们: <img style="height: 395px; width: 360px;" src="assets/img1.png">

Sangwin Gawande 7 年前

在中添加文件夹 .angular-cli.json 文件如下所示。

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

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

推荐文章

noGodHere · Python使用错误的路径写入文件

1 年前

ManOnTheMoon · 使用循环创建的文件夹/子文件夹的文件路径错误

2 年前

Timur Shtatland · 如何在“sed”(例如,no PREFIXPREFIX)中只向路径预加一次前缀(以幂等方式)?

3 年前

Bakare Kazeem · 如何使用node将图像转换为PDF。没有第三方Api的js

3 年前

Giao LÃª · SDL2库的资源路径

3 年前

benroths · PyQt5/Python3参考qss文件

3 年前

killuaZd · JFileChooser在其他actionevent中重用路径

3 年前

Sean McCallum · 如何在批处理脚本子例程中获取Java版本?

7 年前

GrumbleBumpkin · Anaconda3自定义安装位置:“conda”不工作

7 年前

Kenny · 如何使用路径中的变量编写vba

7 年前