Css 如何在Rails 4中正确定义资源路径

Css 如何在Rails 4中正确定义资源路径,css,ruby-on-rails,heroku,sass,asset-pipeline,Css,Ruby On Rails,Heroku,Sass,Asset Pipeline,请原谅我的无知,我对很多地方都是新手 当我将映像部署到Heroku时,无法加载它们 我有两个从css文件加载的图像,我将其移动到了scss 起初我有 background: url(../images/k-opacity-70.png); background: #111 url(../images/intro-bg.jpg) no-repeat center; 在layout.css文件中 然后我注意到本地的一切都很好,但是当我将图像部署到Heroku时,图像无法加载 经过一些研究和大量不

请原谅我的无知,我对很多地方都是新手

当我将映像部署到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

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

http://blooming-coast-2140.herokuapp.com/assets/k-opacity-70-26821b89b8efd61bf304cc109d3af47e.png and this file exists
要通过图像url工作,您应在设置中正确设置:

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

这些是我在Compass的配置。您应该根据文件夹结构对其进行更改。

当您说设置时,是否需要将其添加到配置文件中?这些是来自Compass的配置(我将Compass与SASS一起使用)。但在SASS中,它的工作方式似乎是一样的。看看你说的是第一个答案吗?