我的 <img src=""> 使用的正确文件路径是什么

Question

我正在学习 Angular，在本关于复数视觉的教程中，我想在欢迎页面上显示一个 logo.jpg。我当前的徽标文件夹结构是：src/app/assets/images/logo.jpg

我的欢迎页面是：src/app/home/welcome.component.html

我尝试过使用

<img src="./app/assets/images/logo.jpg" />

但 chrome 检查器显示错误

GET http://localhost:4200/assets/images/logo.jpg 404 (Not Found)

我试过了

<img src="./src/app/assets/images/logo.jpg" />
<img src="app/assets/images/logo.jpg"/>
<img src="src/app/assets/images/logo.jpg"/>

仍然不会显示图像。

我试过了

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

上一个目录，然后进入资产，但仍然不起作用。

谁能告诉我我做错了什么？

Answer 1

您的 src/index.html 的相对路径是 /assets/images。所以说：

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

/assets 应该远离 /app。这样，如果您使用 Angular cli 构建它们，它们将被添加到您的 /dist 文件夹中。

Answer 2

试试这个，

<img src="image/pradeep.jpg"/>

这里image是你的文件夹，图片名称是pradeep.jpg。