Question

我在网站上放置的所有内容都能正常运行，但我尝试放入网站的每个图片（背景除外）都会返回404 Not Found Error。

我的所有图片都位于“Project / src / assets / images”，我在html文档中尝试了以下img标记。这些文件位于“Project / src / app / tabs”中。

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

我使用css设置了我的页面的背景图像，它可以工作。这是选择器和我应用的属性：

background: url('assets/images/greybackground.jpg') no-repeat center center fixed;

如何在不收到404错误的情况下将图像添加到HTML文档中？

Answer 1

您的html文件位于＆＃34; Project / src / app / tabs＆＃34; 中，并且您正尝试从该文件夹访问该图像未加载的原因。因此，您需要从标签文件夹和 app 文件夹返回，以访问代码和图片的基本目录。使用../从文件夹返回。因此，在到达基本目录后，只需使用普通目录列表。

所以回答是

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

图像的路径不在Angular 2中工作

1 个答案: