Фоновое изображение не отображается при развертывании heroku flask - PullRequest
Новая
       4

Фоновое изображение не отображается при развертывании heroku flask

0 голосов
/ 06 мая 2020

Сводка: У меня есть страница html, которая выглядит нормально локально, но когда я развертываю ее на heroku, фоновое изображение отсутствует.

Что я пробовал: Сейчас я использую свойство background-image: url(bg.jpg);

Я также пробовал image-url(bg.jpg) и asset-url(bg.jpg) (ни один из них не работает локально).

Что я прочитал: Из того, что я прочитал, есть несколько возможностей

  • установить config.serve_static_assets = true
  • установить config.assets.compile = true

Я действительно не понимаю, как их установить? Я постоянно вижу ссылку на " production.rb file ", но я понятия не имею, что это? Могу ли я установить эти свойства из панели управления heroku?

В настоящее время я просто отправил sh свой код на GitHub и развернул его оттуда. Я новичок в Heroku и развертывании в целом, любая помощь по этому пункту c будет оценена.

procfile 

web: gunicorn app:app

file- структура 

procfile
requirements.txt
app.py
templates
  |- index.html
  |- positive.html
  |- negative.html
  |- bg.jpg

1 Ответ

0 голосов
/ 06 мая 2020

Я решил этот вопрос. Теперь я понимаю, что, поскольку это приложение Flask, с ним нужно обращаться по-другому.

Следующее изменение исправит ошибку: измените структуру файлов, чтобы поместить изображение в папку stati c ( Flask знает, как это искать), а затем измените вызов URL.

файловая структура 

procfile
requirements.txt
app.py
static
  |- img
      |- bg.jpg
templates
  |- index.html
  |- positive.html
  |- negative.html
  |- bg.jpg

и 

background-image: url('/static/img/bg.jpg');

Я не уверен, почему это решает проблему, но это работает!

...