在Rails应用程序中引用图像（Heroku部署）

Question

我目前在Rails应用程序中引用图像时出现轻微问题，然后将其部署到Heroku。

我在相对于应用程序的以下路径中有一个图像：

app/assets/images/some-image.png

我已经在HTML中正确引用了它（据我所知）：

<div id="main-nav" class="collapse navbar-collapse">
   <img src="/assets/some-image.png" height="67"/><!-- **IMAGE SOURCE LINK** -->
   <ul class="nav navbar-nav" id="mainNav">
       <li class="active"><a href="#home" class="scroll-link">Home</a></li>
       <li><a href="#introText" class="scroll-link">APR</a></li>
       <li><a href="#initiatives" class="scroll-link">Initiatives</a></li>
   </ul>
</div>

然而，这就是显示的内容：

有没有人知道为什么会这样？

Answer 1

您应该使用image_tag：

<%= image_tag "some-image.png", height: "67" %>

Answer 2

当您部署到heroku时，您的资产将使用唯一摘要进行编译，因此您无法对<script ...></script>的引用进行硬编码。查看“Rails Asset Pipeline on Heroku Cedar”。

您需要使用一些辅助函数，以便正确解析图像路径，例如/assets/some-image.png。请参阅“ActionView::Helpers::AssetTagHelper”或“Asset Tag Helpers”。