Heroku无法显示我的图片。

Question

我有一个问题，我的图片在Heroku上无法显示... 推送中没有错误消息，并且我在gemfile中安装了'rails_12factor'宝石..

所以我真的不知道该怎么办

地址是http://middiz.herokuapp.com/ 你们能看一下并帮我吗？

非常感谢

- Ben2pop

---

我能看到图片。问题出在哪里？ - sevenseacat

你能看到背景吗？很奇怪，只有图标显示出来了... - Ben2pop

你是通过硬编码自己的图片还是使用了image_tag？请展示你的代码。 - uday

Answer 1

我可以看到一些图片，但为了记录并帮助您在Heroku上运行图像，我认为最好写下这个答案，让您了解问题可能是什么。

---

动态CSS

基于CSS的图片会在预编译后部署到Heroku时发生变化。Rails使用资产指纹将依赖的资产文件链接到资产本身。这意味着您必须确保您的CSS具有动态图像路径，而不是静态路径，而实现这一点的方法是使用SCSS。

SCSS允许您动态插入值到资产管道中，从而使您能够动态地提供图片。以下是它的工作原理:

#app/assets/application.css
background-image: url('background.png'); /* --> Renders static asset every time */

#app/assets/application.css.scss
background-image: image_path('background.png'); /* --> dynamically renders the fingerprinted path */

---

我知道这并不是直接解决你的问题，但我希望它能展示解决问题的一种方式。

- Richard Peck

---

嘿，非常感谢您的答复，它为我提供了一个挖掘的路径.. 实际上我使用 asset-url 来使其工作.. background-image: asset-url('bg.png'); 就这样！非常感谢。 - Ben2pop

我可以再问你一个问题吗？当我缩小窗口大小时，你能看一下http://middiz.herokuapp.com/吗？为什么我的div会变得混乱？ - Ben2pop

没问题！DIV看起来很好啊？你是在使用Booststrap或类似的东西吗？ - Richard Peck

谢谢！你能通过Heroku看到页面吗？这是我的GitHub账户，你可以在那里看到代码... https://github.com/Ben2pop/MidiPiano - Ben2pop

抱歉！您能告诉我们在发布这些问题时加载了哪个视图吗？ :) - Richard Peck