背景图像未在heroku打开时加载答案

【问题标题】：Background Image not loading on heroku open背景图像未在heroku打开时加载
【发布时间】：2014-06-14 17:02:30
【问题描述】：

在 heroku 上部署我的应用时，我的背景图片没有显示出来..

不过，我的徽标图像确实出现了。

它们都在我的资产/图像文件中

我的资产/样式表/application.css.scss 文件中引用了我的背景：

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

我的徽标在我的视图/布局/页面/主页文件中被引用：

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

为什么我的背景图片没有加载，而我的徽标图片却加载了？

我正在使用 twitter 引导程序

【问题讨论】：

【解决方案1】：

除了之前的解决方案，您还需要：确保在您的 production.rb 文件中设置这些

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

【讨论】：

【解决方案2】：

您没有像在主页中那样在 application.scss 中使用 Rails 帮助程序，因此背景图像的 url 没有按预期引用图像。

您应该在 application.scss 文件中使用 rails 4 助手：

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' Official documentation 上提供了有关如何在资产管道中引用图像的更多详细信息。

【讨论】：