Heroku не может загрузить изображение из активов

Question

У меня есть изображение в assets/images, и я хочу установить его в качестве фона на главной странице, ссылающегося на данный класс, но я не вижу image в производстве Heroku

application.scss

.has-bg-img { background: url('img.PNG'); center center; background-size:cover; }

Answer 1

Попробуйте следующее

.has-bg-img { 
    background-image: asset-url('img.png'); 
    background-size: cover; 
}

Это должно работать, я не понимаю, почему вы используете center center; Я думаю, что это синтаксически неверно, посмотрите это Horizontal & Vertical Align

Answer 2

В Rails вы должны добавить имя каталога к URL. Для вашего случая измените

.has-bg-img { background: url('img.PNG'); center center; background-size:cover; }

до

.has-bg-img { background: image-url('img.PNG'); center center; background-size:cover; }

Это потому, что вы храните свое изображение в каталоге images (assets / images).

Answer 3

В моем приложении на Rails я меняю имя файла на .scss.erb, а затем в качестве примера приведу следующее. Комментарий вверху, сопровождаемый примером.

//= depend_on_asset "sprite-article-r4.svg"
.contents {
  background-image:url('<%= asset_path("sprite-article-r5.svg") %>');
}

Ссылка на этот вопрос вопрос

Answer 4

Вы можете попробовать image-url или asset-url помощников.
Трубопровод активов

Редактировать: на самом деле, я не уверен в вашем синтаксисе

.has-bg-img {
  background-image: url('img.PNG');
  background-position: center center;
  background-size:cover;
}

это должно работать лучше.

Answer 5

Если ваши активы не являются статичными и передаются в репозиторий, и вы пытаетесь сослаться на динамически загруженное изображение, вам, возможно, придется прочитать, как обойтись с эфемерной файловой системой Heroku

Answer 6

вы должны указать полный путь, например url('localhost/apps/assets/images/myimg.jpg ')