Css 背景图像未加载到heroku open上

在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引导程序

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

您应该在应用程序.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帮助程序。scss，因此背景图像的url没有按预期引用图像

您应该在应用程序.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");

---

关于如何在上的资产管道中引用图像，有更详细的信息。

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

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

---

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

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

---

我最终使用了类似的东西，并成功地实现了：背景：图像url（'city-lights1.jpg'）；我最终使用了类似的东西，并成功地实现了：背景：图像url（'city-lights1.jpg'）；