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

Question

我正在学习角度，在本教程中有复数形式，有一个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

试试这个，

class AbcTest extends PHPUnit_Framework_TestCase { public function test123(){} }

此处<img src="image/pradeep.jpg"/>是您的文件夹，图片名称为image。