在CSS背景或img标签src

时间:2020-06-30 09:38:36

标签: html css angular image ionic-framework

我尝试在此处查看其他类似问题的解决方案,但我不禁感到这是使用Ionic和/或Angular特有的。 我的项目目录中有两个文件,一个文件名为“ bg.jpg”,位于app / images / home / bg.jpg下,另一个文件名为“ logo.png”,位于我的家庭组件HTML(app /家)。在我的CSS中,我使用background: url('../images/home/bg.jpg');来获取bg.jpg作为背景,尽管起初有点强,但效果很好。

现在使用“ {logo.png”,我正在使用<img src="./logo.png">,但是每当我执行GET http://localhost:8100/logo.png 404 (Not Found)时,都会在控制台上获得ìonic serve。我尝试将其移至其他目录,但没有取得积极成果。我还多次重新启动了VS Code,但更改不多。

我真的不知道问题出在哪里,因为我已经多次检查了路径。如果这很重要,我正在使用离子路由器。

1 个答案:

答案 0 :(得分:0)

请确保您的图片在 app_name / src / assets / bg.jpg 现在您可以将其src赋予图像标签,例如src =“ assets / bg.jpg”