Heroku弄乱了风格

时间:2015-06-19 03:09:35

标签: css heroku

我最近将我的Ruby应用程序部署到Heroku,并注意到HerokuApp上的样式似乎没有加载。这些照片不会出现,一切看起来都很糟糕。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

Rails资产管道

您正在观察的问题是如果Rails资产管道无法正常运行会发生什么:CSS引用和照片URL可能会返回404错误。解决此问题的方法是在推送到Heroku之前在本地预编译资产(CSS,js,图像引用)。

资产预编译

在部署到Heroku之前,在开发平台上预编译资产以进行生产。

  1. 在production.rb
  2. 中包含此行
    config.assets.compile = false
    
    1. 在您的开发平台上运行资产预编译
    2. $bundle exec rake assets:precompile RALIS_ENV=production
      
      1. 推送到Heroku进行部署
      2. 备注

        • 观看Heroku slug生成期间记录的消息。这应该 显示类似'资产预编译,而不是之前编译 生成slu ... ......(这不是确切的语言,但寻找 消息,告诉您Heroku已检测到资产已预编译。)
        • 使用浏览器调试检查器探测并查看图像的URL。在那里,你可以看到资产如何 s管道与原始预编译结构和文件名不同。

        “资产管道”文档

        资产管道的Rails文档是here