2016-07-29 61 views
0

我非常沮丧,因为我有一个rails应用程序,本地一切正常。 我用一些CSS背景图像,但在Heroku上部署后的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"); 
} 

我已经加入这个我的Gemfile

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

而且我已经添加以下到我的配置/生产。 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"): 
+0

您是否尝试运行:heroku运行rake资产:预编译? – power

+0

是的我在部署项目之前完成了:“rake资产:预编译RAILS_ENV =生产”。 :( – Kumaro

+1

请尝试:heroku运行耙资产:预编译 – power

回答

1

这是打电话给你的图像时,他们在资源文件夹的正确方法:

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

尝试一下,让我们知道。

+0

是的男人!这对我行得通!!!万分感谢! :) – Kumaro