Flask项目中使用url_for()设置背景图片不显示问题求助

核心问题修正 #

你当前的代码缺少CSS background-image 必需的 url() 包裹，导致图片路径无法被浏览器正确识别。修改后的正确代码如下：

<div class="w-1/2" style="background-image: url({{ url_for('static', filename='images/background/bg1.jpg') }})">

额外排查步骤 #

• 确认文件路径准确性：检查static/images/background/bg1.jpg是否真实存在，注意文件名的大小写（Linux/macOS环境下大小写敏感）。
• 浏览器控制台排查：按F12打开开发者工具，切换到「网络」标签页，刷新页面查看图片请求的状态码。若显示404，说明url_for生成的路径与实际文件位置不匹配，需核对路径层级。
• 检查Flask静态文件配置：如果项目自定义了静态文件夹路径，确保app = Flask(__name__, static_folder='你的静态文件夹路径')配置正确，默认情况下无需额外配置即可识别static文件夹。

内容的提问来源于stack exchange，提问作者Firda el.