Heroku CSS背景图像不起作用答案

【问题标题】：Heroku css background image doesn't workHeroku CSS背景图像不起作用
【发布时间】：2016-07-29 11:57:49
【问题描述】：

我很沮丧，因为我有一个 Rails 应用程序，并且在本地一切正常。我使用了一些 css 背景图片，但是在 Heroku 上部署后 css 背景图片没有显示...

我用谷歌搜索了很多，我知道这是静态资产的问题，但没有适合我的解决方案。

在我的 css.erb 文件中：

.fade-carousel .slides .slide-1 {
background-image: image-url("ich.jpg");
}
.fade-carousel .slides .slide-2 {
background-image: image-url("gruen.jpg");
}
.fade-carousel .slides .slide-3 {
 background-image: image-url("see.jpg");
}
.fade-carousel .slides .slide-4 {
 background-image: image-url("huette.jpg");
}

我已将此添加到我的 gemfile：

group :production do
  gem 'pg'
  gem 'rails_12factor', '0.0.2'
end

我在我的 config/production.rb 中添加了以下内容：

config.serve_static_files = true
config.serve_static_assets = true

但是没有任何效果 :(。当我将项目部署到 heroku 时，没有背景图像并遵循 日志消息：

 ActionController::RoutingError (No route matches GET]"/images/huette.jpg"):
 ActionController::RoutingError (No route matches GET]"/images/see.jpg"):
 ActionController::RoutingError (No route matches GET]"/images/gruen.jpg"):
 ActionController::RoutingError (No route matches GET]"/images/ich.jpg"):

【问题讨论】：

您是否尝试运行：heroku run rake assets:precompile？
是的，我在部署项目之前已经完成了：“rake assets:precompile RAILS_ENV=production”。 :(
请尝试：heroku run rake assets:precompile
好吧，我试过了："heroku run rake assets:precompile" 部署后...不幸的是它不起作用:( 有必要重新启动服务器或其他什么？
我得到：运行 rake assets:precompile on ypurApp... up, run.6327 I, [2016-07-29T12:06:55.645491 #3] INFO -- : Writing /app/public /assets/application-fa5771c0b7a9267 ad3a01a06468c350c.js I, [2016-07-29T12:06:57.518505 #3] INFO -- : 写 /app/public/assets/app_design-aeffb3c4c2c299ab a9c9136809ddef21.css I, [2016-2016-291 :07:27.799927 #3] INFO -- : 写作 /app/public/assets/application-9e6a11106b17172 b5dd0de3ce58b3937.css I, [2016-07-29T12:07:27.928166 #3] INFO -- : 写作 /app/public/资产/样式-f193a906435cbf40464ab 99c34ed5516.css

标签： css ruby-on-rails heroku

【解决方案1】：

这是在资产文件夹中调用图像的正确方法：

.class { background-image: url(<%= asset_path 'image.png' %>) }

尝试一下并告诉我们。

【讨论】：