在 Rails 3.1 生产中未显示背景图像

Question

在 Rails 3.1 应用程序 (3.1.0.rc8) 的生产模式下，我遇到了背景图像未显示的问题。我也在使用 sprockets 2.0.0 和乘客 3.0.8。

我的样式表是 .scss 并在背景部分使用 image_tag('...')。当我部署时，我正在预编译资产。

我的生产服务器使用 Apache2 和 Passenger，应用程序部署到子 URI。虚拟主机定义为：

ServerName wibble
DocumentRoot /srv/www
...
RailsBaseURI /myapp
<Directory /srv/www/myapp>
    Options -MultiViews
</Directory>

应用程序实际上部署到 /srv/applications/myapp 并且我创建了一个从 /srv/www/myapp 到 /srv/applications/myapp/current/public 的符号链接。

样式表提供正确，但是当我检查元素是否有徽标时，它会显示为：

url("http://wibble/assets/logo-xxx.png")

代替：

url("http://wibble/myapp/assets/logo-xxx.png")

实际上，如果我在 Opera 中使用编辑声明更改 URL，它确实可以正确显示徽标。这表明我正确地引用了图像，并且它被正确地预编译。实际的样式表很好，所以我也正确地选择了资产。就好像 RailsBaseURI 错过了 url 路径。

我在样式表中尝试了各种方法——使用 .erb、asset_path、/myapp/logo.png、myapp/logo.png——但没有任何效果。在瘦服务器的开发模式下一切正常。

任何帮助将不胜感激。

Answer 1

如果我部署到子 URI，我只找到了一种方法可以从资产管道中的 CSS 文件中引用图像。因此，如果我在资产管道中有以下 CSS：

div{background: transparent url('../images/logo.png') no-repeat top left;}

然后将图像放在 public/images/logo.png。尝试使用 SCSS image_url 助手似乎总是想将资产放在根目录（“/assets”）。

将图像放在公共作品中的旧位置，但它会将 logo.png 文件从资产管道中取出，在该管道中没有提供摘要以使其正确过期。

Answer 2

最后我想出了几个解决方案。

1) 从https://github.com/rails/sass-rails/issues/17 看来，这可以在 sass-rails 中得到修复。与此同时，我已经按照上面链接中建议的补丁行对 helpers.rb 进行了猴子补丁。我只是在 deploy.rb 的资产预编译行中设置所需的环境变量。

我在一个文件config/initializers/gem_patches.rb 中完成所有猴子补丁。在此文件中，我将此方法修补为：

module Sass
  module Rails
    module Helpers
      protected
      def public_path(asset, kind)
        path = options[:custom][:resolver].public_path(asset, kind.pluralize)
        path = ENV['PRODUCTION_URI'] + path if ENV['PRODUCTION_URI']
        path
      end
    end
  end
end

2) 或者，如果可以在 CSS 中嵌入图像，则将样式表更改为具有 .erb 扩展名，并将 image-url('logo.png') 替换为 url(<%= asset_data_uri 'logo.png' %>) 即可，无需更改 sass-rails。

Answer 3

您是否尝试过asset_path 而不是image_tag？

另外，请注意您的 production.rb 文件中的这一点：
config.action_dispatch.x_sendfile_header = "X-Sendfile" # 为 nginx 使用 'X-Accel-Redirect'

安装 apache 后，您可能需要将其注释掉。