Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails CDN&;Heroku:背景图像不';我没有出现_Ruby On Rails_Heroku_Cdn - Fatal编程技术网

Ruby on rails CDN&;Heroku:背景图像不';我没有出现

Ruby on rails CDN&;Heroku:背景图像不';我没有出现,ruby-on-rails,heroku,cdn,Ruby On Rails,Heroku,Cdn,在我的Heroku rails应用程序中。我遵循此说明并实施了CDN。 它几乎可以正常工作,但是我在css.scss.erb文件中编写的背景图像没有显示出来。 下面是我的文件和问题 custom.css.scss.erb staging.rb 输出url应为: staging-bucket.s3.amazonaws.com/assets/nav_arrows-digest.png 但实际输出如下所示: .s3.amazonaws.com/assets/nav_arrows-digest.png

在我的Heroku rails应用程序中。我遵循此说明并实施了CDN。

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

custom.css.scss.erb staging.rb 输出url应为: staging-bucket.s3.amazonaws.com/assets/nav_arrows-digest.png

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

我将资产路径更改为资产url,但它不起作用。
如何解决此问题?

您应该检查两件事:

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

    heroku配置--应用程序

更多详情:

  • 您的应用程序在Heroku上运行的模式。默认情况下,您的应用程序将在生产模式下运行,而您正在配置暂存模式。您可以按照本文的说明更改模式:

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

      只要改变这个:

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

      ENV['FOG_DIRECTORY']适用于其他图像。只有我在CSS文件中编写的背景图像没有显示。您是否尝试了背景:透明url(“”)?
      .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%;
      }