css - 背景图片未加载到 heroku 打开

Question

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

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

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

我的背景在我的 assets/stylesheets/application.css.scss 文件中被引用:

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

我的 Logo 在我的 View /布局/页面/主页文件中被引用:

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

为什么我的背景图片加载不出来，但 Logo 图片加载了？

我正在使用 Twitter Bootstrap

Answer 1

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

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

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

此外，您可以直接引用 Assets (请注意，您不需要在 url 中包含 /image 文件夹)。请记住，如果您预编译您的 Assets ，此 url 引用将不会在 Heroku 中工作:

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

在 Rails' Official documentation 上有更多关于如何在 Assets 管道中引用图像的详细信息。 .