背景图像未显示在 Heroku 烧瓶部署中答案

【问题标题】：Background image not displaying on heroku flask deployment背景图像未显示在 Heroku 烧瓶部署中
【发布时间】：2020-05-06 04:35:21
【问题描述】：

总结： 我有一个在本地看起来不错的 html 页面，但是当我将其部署到 heroku 时，缺少背景图像。

我尝试过的： 我目前正在使用属性background-image: url(bg.jpg);

我也尝试过image-url(bg.jpg) 和asset-url(bg.jpg)（这些都不能在本地工作）。

我读过的内容： 从我读到的有几种可能性

我真的不明白如何设置这些？我一直看到引用了“production.rb 文件”，但我不知道这是什么？我可以从 heroku 仪表板中设置这些属性吗？

目前我只是将我的代码推送到 GitHub 并从那里进行部署。我是 Heroku 和一般部署的新手，对此主题的任何帮助将不胜感激。

过程文件

web: gunicorn app:app

文件结构

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

【问题讨论】：

您需要提供您的网络服务器的代码。您正在提供 html、css 文件，但有任何编程语言的网络服务器，它们的实现各不相同。还需要项目的文件夹结构概述。最后是你在本地使用的命令来运行你的项目，并在 heroku 上运行 Procfile 以及其他 Heroku 特定文件。
网络服务器的代码？我有一个带有

【解决方案1】：

我已经解决了这个问题。我现在意识到，因为这是一个 Flask 应用程序，它需要以不同的方式处理。

以下更改将更正错误：更改文件结构以将图像放在静态文件夹中（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');

我不确定为什么这可以解决问题，但它确实有效！

【讨论】：