javascript - Rails 生产中的背景图像不起作用

Question

rails 4(生产环境)中的背景图片不起作用。在我看来， Assets 管道存在问题。当我在 css 中编写时:

selector{
  background-image: url(image.jpg)
} 

它生成 http://myapp.com/assets/image.jpg它不起作用。如果我手动将 url 更改为image.jpg-fingerprint(from public/assets) 然后一切正常。

ckeditor 也不起作用。

这是我的production.rb

  config.cache_classes = true
  config.assets.enabled = true
  config.eager_load = true
  config.assets.precompile += Ckeditor.assets
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true
  config.assets.js_compressor = :uglifier
  config.assets.compile = false
  config.assets.digest = true
  config.assets.version = '1.0'
  config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect'
  config.log_level = :info
  config.log_formatter = ::Logger::Formatter.new

Answer 1

您没有使用 Assets 管道 - 您没有使用文件的指纹缓存版本。要使用 Assets 管道，您需要使用指向文件的指纹缓存版本的新助手。为此，要么将 erb 嵌入到您的 css 中，要么使用 sass。我将在示例中使用 sass:

不正确(不使用 Assets 管道):

.class
  background-image: url('image.jpg')

正确(使用 Assets 管道):

.class
  background-image: image-url('image.jpg')

进一步阅读:http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets