字形在 Ubuntu Rails 4.1 安装中未正确显示

Question

在我的开发机器上：

Windows 8.1
Ruby 2.0
Rails 4.1
Bootstrap 3

在我的生产机器上：

Ubuntu 12.4
Ruby 2.1.1
Rails 4.1
Bootstrap 3

这是我的代码：

<td>
  <%= link_to my_model, class: 'btn btn-info' do %>
    <span class="glyphicon glyphicon-search"></span>
  <% end %>
</td>
<td>
  <%= link_to [:edit, my_model], class: 'btn btn-warning' do %>
    <span class="glyphicon glyphicon-pencil"></span>
  <% end %>
</td>
<td>
  <%= link_to my_model, method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger' do %>
    <span class="glyphicon glyphicon-remove"></span>
  <% end %>
</td>

这些图形在我的开发机器上显示良好，但在生产机器上却没有。附上图片。有什么想法吗？

预编译：

我忘了补充一下，我预编译如下：

RAILS_ENV=production bundle exec rake assets:precompile

检查元素：

当我检查这些元素时，萤火虫是这样说的。它们是一样的：

用于生产的 Firebug 检查：

<td>
  <a class="btn btn-info" href="/agents/1">
    <span class="glyphicon glyphicon-search"></span>
  </a>
</td>

用于开发的 Firebug 检查：

<td>
  <a class="btn btn-info" href="/agents/1">
    <span class="glyphicon glyphicon-search"></span>
  </a>
</td>   

答案：

看起来我正在处理一个已知的 Rails 4.1 问题。解决办法是：

1. 在environments/production.rb中有以下设置：

   config.assets.compile = true

2. 预编译资产如下：

   RAILS_ENV=production bundle exec rake assets:precompile

预编译资产将防止动态资产重新编译。我对其进行了测试，它现在可以在我的 ubuntu 4.1 服务器上运行

Answer 1

可能有很多问题导致：

--

预编译

这里的主要问题可能是precompilation：

默认情况下，Rails 假定资产已经预编译，并将 由您的网络服务器用作静态资产。

预编译 Rails 资产是许多 Heroku 绑定应用程序的祸根（我知道您没有使用 Herou），因为许多人在设计资产管道时没有考虑预编译要求。

您可能遇到的问题是您的资产要么没有预编译，要么引用了它们的“动态”文件名，而不是它们的“静态”文件名

我会在部署到生产之前亲自预编译您的资产：

$ rake assets:precompile RAILS_ENV=production

-

指纹识别

当你预编译你的资产时，Rails 会执行一个名为 fingerprinting 的操作 - 基本上 Rails 会在文件名的末尾附加一个哈希

对许多人来说，另一个问题是他们会使用类似以下的方式引用“静态”文件名：

#app/assets/stylesheets/application.css
.style {
   background: url("your_image.png");
}

这里的问题是，虽然这将在开发中工作（静态引用资产），但在生产中会遇到问题。要解决此问题，您需要使用一些 Rails CSS pre-processors (SASS)：

#app/assets/stylesheets/application.css
.style {
   background: asset_url("your_image.png");
}

--

修复

直接提到您的问题，我想说的主要问题是您可能没有正确引用您的 CSS 文件，可能路径不正确。

我会首先在您的浏览器中查看developer console - 这可能会告诉您您没有可用的各种 CSS 文件，然后您可以尝试预编译和动态引用字形以看看有没有效果