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