Rails 4 image-path, image-url и asset-url больше не работают в файлах SCSS

Должны ли мы использовать что-то еще помимо image-urlи других в Rails 4? Они возвращают разные значения, которые кажутся бессмысленными. Если я logo.pngв /app/assets/images/logo.pngи я делаю следующее, это то , что я получаю:

image-url("logo.png") -> url("/images/logo.png") #obviously doesn't work
image-path("logo.png") -> "/images/logo.png"
asset-url("logo.png") -> url("/logo.png")

Конечно, ничего из этого не работает, потому что они нужны как минимум /assetsспереди.

ОБНОВЛЕНИЕ : На самом деле, я только что заметил, как мне получить доступ к изображениям в Rails 4? У меня есть изображение на/app/assets/images/logo.png. Но если я перейду на любой из следующих URL-адресов, я все равно не увижу свое изображение:

http://localhost:3000/assets/logo.png
http://localhost:3000/assets/images/logo.png
http://localhost:3000/logo.png
http://localhost:3000/images/logo.png

ОБНОВЛЕНИЕ 2 : Единственный способ вызвать свойlogo.png- это переместить его в/app/assets/stylesheetsкаталог и затемвызвать:

http://localhost:3000/assets/logo.png

У меня сама была эта проблема. 3 пункта, которые, надеюсь, помогут:

• Если вы помещаете изображения в свой app/assets/imagesкаталог, вы должны иметь возможность вызывать изображение напрямую без префикса в пути. т.е.image_url('logo.png')
• В зависимости от того, где вы используете актив, будет зависеть метод. Если вы используете его как background-image:свойство, тогда ваша строка кода должна быть background-image: image-url('logo.png'). Это работает как для таблиц стилей less, так и для sass. Если вы используете его встроенным в представление, вам нужно будет использовать встроенный image_tagпомощник в rails для вывода изображения. Еще раз без префикса<%= image_tag 'logo.png' %>
• Наконец, если вы предварительно компилируете свои активы, запускаете их rake assets:precompileдля генерации активов или rake assets:precompile RAILS_ENV=productionдля производства, в противном случае ваша производственная среда не будет иметь отпечатанных активов при загрузке страницы.

Также для этих команд в пункте 3 вам нужно будет поставить перед ними префикс, bundle execесли вы используете Bundler.

Ваша первая формулировка image_url('logo.png')верна. Если изображение найдено, оно сгенерирует путь /assets/logo.png(плюс хэш в производстве). Однако, если Rails не может найти образ, который вы назвали, он вернется к нему /images/logo.png.

Следующий вопрос: почему Rails не находит ваше изображение? Если вы поместите его в app / assets / images / logo.png, вы сможете получить к нему доступ, перейдя в http://localhost:3000/assets/logo.png.

Если это сработает, но ваш CSS не обновляется, возможно, вам потребуется очистить кеш. Удалите tmp/cache/assetsиз каталога вашего проекта и перезапустите сервер (вебрик и т.д.).

Если это не удается, вы также можете попробовать просто использовать background-image: url(logo.png);Это заставит ваш CSS искать файлы с тем же относительным путем (который в данном случае / assets).

Я только что узнал, что с помощью asset_urlпомощника вы решите эту проблему.

asset_url("backgrounds/pattern.png", image)

У меня была аналогичная проблема при попытке добавить фоновое изображение с помощью встроенного CSS. Нет необходимости указывать папку изображений из-за того, как работает синхронизация ресурсов.

Это сработало для меня:

background-image: url('/assets/image.jpg');

Rails 4.0.0 будет выглядеть как изображение, определенное image-urlв той же структуре каталогов, что и ваш файл css.

Например, если ваш css в assets/stylesheets/main.css.scss, image-url('logo.png')становится url(/assets/logo.png).

Если вы переместите файл css в assets/stylesheets/cpanel/main.css.scss, image-url('logo.png')станет /assets/cpanel/logo.png.

Если вы хотите использовать изображение непосредственно в каталоге assets / images, вы можете использовать asset-url('logo.png')

для таблиц стилей: url (asset_path ('image.jpg'))