ruby-on-rails - CDN 和 Heroku：背景图片不显示

Question

在我的 Heroku rails 应用程序中。我按照这个说明实施了 CDN。 https://devcenter.heroku.com/articles/cdn-asset-host-rails31#configuration

它几乎可以正常工作，但是我在 css.scss.erb 文件中编写的背景图像没有显示出来。我的文件和问题如下。

custom.css.scss.erb

.ap-sidebar .ap-nav li a span { 
   background: transparent url(asset-path('nav_arrows.png', image)) no-repeat 0 50%;
}

分期.rb

config.action_controller.asset_host = "//#{ENV['FOG_DIRECTORY']}.s3.amazonaws.com"

输出网址应为：staging-bucket.s3.amazonaws.com/assets/nav_arrows-digest.png

但实际输出如下：.s3.amazonaws.com/assets/nav_arrows-digest.png

我将资产路径更改为资产 url，但它不起作用。我怎样才能解决这个问题？

Answer 1

我找到了解决这个问题的方法。

只是改变这个：

.ap-sidebar .ap-nav li a span { 
   background: transparent url(asset-path('nav_arrows.png', image)) no-repeat 0 50%;
}

对此：

.ap-sidebar .ap-nav li a span { 
   background: transparent url('nav_arrows.png') no-repeat 0 50%;
}

css.scss.erb 不起作用，所以我也从文件中省略了 erb。

Answer 2

你应该检查两件事：

• 环境变量 ENV['FOG_DIRECTORY'] 可能为零。您可以使用以下命令检查环境变量：

  heroku 配置 --app

更多细节：https ://devcenter.heroku.com/articles/config-vars

• 您的应用在 Heroku 上运行的模式。默认情况下，您的应用程序将在生产模式下运行，而您正在配置暂存模式。您可以按照这篇文章更改模式：https ://devcenter.heroku.com/articles/multiple-environments