css - 我的 html.erb View 页面中的内联 css 样式的背景图像仅在开发阶段显示，但在 heroku 上不显示在生产阶段

Question

我正在创建一个新的 Rails 元素并尝试在其中重构前端站点模板，我必须在我的 html.erb 文件中编辑背景图像 css 内联样式以匹配 Ruby on Rails 约定，但是背景图片只显示在开发阶段，但在推送到heroku后不显示在生产阶段，有什么解决办法吗？ ...知道我仍然是 ruby​​ on rails 和重构主题的新手，而且我在 stackoverflow 上搜索了各种线程，但对我没有任何帮助

这是我使用的代码

<div class="main_slider" style="background-image:url(/assets/slider_1.jpg)">

代码在我的index.html.erb文件中使用，在这部分代码中

<div class="main_slider" style="background-image:url(/assets/slider_1.jpg)">
    <div class="container fill_height">
        <div class="row align-items-center fill_height">
            <div class="col">
                <div class="main_slider_content">
                    <h6>Spring / Summer Collection 2017</h6>
                    <h1>Get up to 30% Off New Arrivals</h1>
                    <div class="red_button shop_now_button"><a href="#">shop now</a></div>
                </div>
            </div>
        </div>
    </div>
</div>

有没有办法让背景图也出现在制作中？，一直很头疼

Answer 1

您应该使用 image_path 或 image_url 而不是目录中图像的路径，因为图像是在生产模式下预编译的。更改为:

<div style="background-image:url(<%= image_url('myimage.jpg') %>)"></div>