圖像無法正確顯示在導航欄中，導軌？

Question

我想在我的導航欄的左側添加一個徽標（它也可以作爲主頁的鏈接），但它只顯示爲「？」在盒子裏。任何提示修復此問題？

這裏是導航欄的代碼...

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

Answer 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