css - 如何在 Rails 4 中正确定义 Assets 路径

Question

请原谅我的菜鸟，我对 RoR 的大部分内容都不熟悉。

当我将图像部署到 Heroku 时，我无法加载它们。

我有两个从 css 文件加载的图像，我将其移至 scss。

最初我有

background: url(../images/k-opacity-70.png);

background: #111 url(../images/intro-bg.jpg) no-repeat center;

在 layout.css 文件中

然后我注意到在本地一切正常，但是当我将它们部署到 Heroku 时图像无法加载。

经过一些研究和大量不同的尝试，我现在有

background: image-url('k-opacity-70.png');
background: #111  image-url('intro-bg.jpg')  no-repeat center;

在一个名为 layout.css.scss 的文件中

再一次，图像在本地正常工作，但当我将我的应用程序部署到 Heroku 时却不能。

谁能告诉我我做错了什么？

我的应用程序位于 blooming-coast-2140.herokuapp.com

----更新---我已经尝试完成这里和其他网站上类似帖子中看到的事情，但没有成功......

gem ‘rails_12factor’, group: :production  

config.serve_static_assets = true
config.action_dispatch.x_sendfile_header = ‘X-Accel-Redirect’
config.assets.compile = true

heroku run rake assets:precompile

rake assets:precompile RAILS_ENV=production

Answer 1

在您的站点 CSS 中，一切看起来都很好。图像已正确加载。您正在使用文件

http://blooming-coast-2140.herokuapp.com/assets/k-opacity-70-26821b89b8efd61bf304cc109d3af47e.png and this file exists

要使其通过 image-url 工作，您应该在设置中正确设置:

http_path = "../"
images_dir = "img"
relative_assets = true

这些来 self 在 Compass 中的配置。您应该根据您的文件夹结构更改它们。