Question

我非常沮丧，因为我有一个rails应用程序，本地一切正常。我使用了一些CSS背景图像，但在Heroku上部署后，css背景图像没有显示......

我已经google了很多，我知道这是静态资产的问题，但没有解决方案适合我。

在我的 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");
}

我＆＃39;将此添加到我的 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"):

Answer 1

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

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

试试看，告诉我们。

Heroku css背景图像不起作用

1 个答案: