如何解决标头图片未在localhost:3000 Rails应用程序中加载
我正在使用Rails在一个网站上工作。我正在尝试使用与导航栏分开的背景图像创建标题。但是,当我转到localhost:3000中的页面时,图像未加载: K&D Welcome page
我已将图像添加到app / assets / images /并在视图中尝试了以下代码:
<header>
<div class="header-background">
<%= image_tag("/assets/kiss.jpg")%>
<h1>
Katie & Dan
</h1>
</div>
</header>
这在我的welcome.scss文件中:
.header-background {
background-image: url("/assets/kiss.jpg")
width 500px;
height: 300px;
order: 2;
}
我尝试了一些在线上找到的建议,例如使用<image_src= />
而不是image_tag
来更改development.rb文件中的设置,将图像移动到public / assets / images目录。我对如何使此图像显示在本地环境中感到困惑。
任何提示将不胜感激!
谢谢
解决方法
尝试
<%= image_tag("kiss.jpg")%>
代替<%= image_tag("/assets/kiss.jpg")%>
请参阅: https://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-image_tag
,我认为您应该将图像放置在public/
文件夹中,并将其存储在名为images/
的另一个文件夹中(例如:public/images/kiss.jpg
)
然后,您可以找到这样的图像:
<img src="/images/kiss.jpg">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。