изображения на Heroku Deploy не отображаются

Question

У меня проблема, когда при развертывании в Heroku появляется только 1 из моих изображений, тогда как все отображаются на локальном хосте. То, что появляется, это

<div class="hero-wrap ftco-degree-bg" style="background-image: url('images/bg_1.jpg');" data-stellar-background-ratio="0.5">

Где я вытягиваю изображение с помощью url (), но каждый другой случай, когда я пытаюсь сделать это в коде (три разные попытки):

<a class="img" id="albumPhoto1" style="background-image: url('../images/greenPurplegrad.jpg');"></a>
<a class="img" id="albumPhoto2" style="background-image: url('./images/yellowPinkgrad.jpg');"></a>
<a class="img" id="albumPhoto3" style="background-image: url('images/pinkBluegrad.jpg');"></a>

Но если я установлю URL-адрес как

style="background-image: url('images/bg_1.jpg");"

(так же, как первое изображение, которое появляется), изображение будет отображаться. Очевидно, что мне не нужно одно и то же изображение, поэтому мне нужна помощь, чтобы увидеть, где я ошибся.

Вот изображение папки с изображениями, показывающее, что у меня есть все эти изображения в правильном месте: Папка с изображениями

Да, все они .jpg

Веб-приложение можно найти здесь: Мое веб-приложение на Heroku Если вы просто нажмите значок поиска, прямо под ним должны появиться некоторые изображения (как показано выше), но они не

РЕДАКТИРОВАТЬ: Добавлено изображение структуры файла: Publi c папка с HTML и папка с изображениями

РЕДАКТИРОВАТЬ 2: Что-то странное, что стоит заметить, это то, что если я изменю любое изображение на bg_1.jpg, оно будет отображаться, но если я изменю раздел с помощью bg_1.jpg на любой другое изображение, оно не будет отображаться на заднем плане. Поэтому я считаю, что мои изображения могут быть как-то повреждены, даже если я вижу их в папке.

Answer 1

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

Таким образом, я нашел Онлайн-держатель изображений + HTML для хранения изображений для меня, и я прямо и заново называю эти изображения любым раз они мне нужны с помощью URL () css. Это избавляет от необходимости иметь папку с изображениями вообще, так как они теперь все онлайн. Если это неудобно, Heroku спонсирует Amazon S3 для хранения файлов (думаю, так оно и есть?).

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

Answer 2

Я полагаю, что из-за динамического c адреса, когда вы набираете "../image.jpg" или "image.jpg", вы определяете статический c адрес, это удобно для локального применения, но не для PHP ...

Я не знаю точно, является ли это центром проблемы, но попробуйте это: background: url ("/path/to/file/image.jpg")

, когда вы набираете первый "/", вы берете текущий файл и его поиск по этому файлу.