图像未正确显示在导航栏中，导轨？

【问题标题】：image not displaying in navbar correctly, rails?图像未正确显示在导航栏中，导轨？
【发布时间】：2016-04-06 02:51:06
【问题描述】：

我正在尝试在导航栏的左侧添加一个徽标（它也可以用作主页的链接）但是，它只显示为“？”在盒子里。解决此问题的任何提示？

这是导航栏的代码...

 <div class="container-fluid">
   <div class="navbar-header">
     <a class="navbar-brand" href="#">
       <img  alt="Brand"  src="/assets/images/1.png">
     </a>
   </div>
</div>

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

使用资产管道和image_tag 助手。

# image location
# app/assets/images/1.png

# view
<%= image_tag("1.png", alt: "Brand") %>

http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

完成此操作后，右键单击图像并检查元素。查看图像的新 src。应该是这样的：

/assets/1-71eb0fe483901ef632b3136926dd70ce3954e7cb6e97baa1bd53d197c38653d0.png

这就是为什么您无法使用图像的相对路径！它不存在！需要考虑的一点：Rails 非常强大，具有大量非常有用的内置功能。让它做繁重的工作。

再次，值得阅读本指南：http://guides.rubyonrails.org/asset_pipeline.html

【讨论】：