CDN＆amp; 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%;
}

staging.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 /资产/ nav_arrows-digest.png

我将资产路径更改为asset-url，但它无效。 我该如何解决这个问题？

Answer 1

你应该检查两件事：

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

  heroku config --app

更多详情：https://devcenter.heroku.com/articles/config-vars

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

Answer 2

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

只需改变一下：

.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。