我的 html.erb 视图页面中内联 css 样式的背景图片仅在开发阶段显示，在 heroku 上未显示在生产阶段

Question

我正在创建一个新的 rails 项目并尝试在其中重构前端站点模板，我必须在我的 html.erb 中编辑背景图像 css 内联样式文件以匹配 Rails 约定中的 Ruby，但背景图像 仅在开发阶段显示，但在推送到 heroku 后在生产中不显示，任何解决方案？ ...知道我对 rails 和重构主题 ruby 还是个新手，而且我在 Whosebug 上搜索了各种线程，但对我没有任何用处

这是我使用的代码

<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

也许您的问题与 rake assets:precompile 和您的生产环境有关

你可以试试这个：

rake assets:precompile RAILS_ENV=production

Answer 2

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

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

我的 html.erb 视图页面中内联 css 样式的背景图片仅在开发阶段显示，在 heroku 上未显示在生产阶段

background image in inline css style inside my html.erb view page is showing in development only but not production stage on heroku

css

production

ruby-on-rails

heroku

background-image