Heroku打開時未加載背景圖片

Question

在heroku上部署我的應用程序時，我的背景圖片沒有顯示。

我的徽標圖像確實顯示了。

它們都在我的資產/圖像文件中

我的資產/樣式表/application.css.scss文件中引用了我的背景：

body {
    margin:0px;
    background: url('city-lights1.jpg');
}

在我的views / layouts / pages / home文件中引用了我的徽標：

<div class='log-image'>
        <%= image_tag("logo.png", alt: "image", class:'img-responsive logo') %>
</div>

為什么我的背景圖片無法加載，但徽標圖像卻加載？

我正在使用Twitter Bootstrap

Answer 1

您沒有像在主頁中那樣在application.scss中使用Rails幫助器，因此背景圖像的url沒有按預期引用該圖像。

您應該在application.scss文件中使用rails 4 helper：

background-image: asset-url("city-lights1.jpg");
/* Or */
background-image: image-url("city-lights1.jpg");

另外，您可以直接引用資產（請注意，您不需要在URL中包含/ image文件夾）。 請記住，如果您預編譯資產，則此URL引用在Heroku中將不起作用：

background-image: url("/assets/city-lights1.jpg");

在Rails的官方文檔中，有關於如何在資產管道中引用圖像的更多詳細信息。

Answer 2

除了以前的解決方案之外，您還需要：確保在production.rb文件中進行設置

config.cache_classes = true
config.serve_static_assets = true
config.assets.compile = true
config.assets.digest = true