Flask / Bootstrap 不显示图像

Question

我有这个 python flask bootstrap 函数：

# Index page (main page)
@app.route('/')
def index():
    return render_template('test.html')

我的运行代码：

if __name__ == '__main__':
    app.run(debug=True)

当然，默认文件夹将在（相对）模板目录下，所以我在那里：

模板/test.html 模板/图像/logo.svg

test.html的来源是：

<!DOCTYPE html>
<html lang="en">
<body>
Hello
<img src="/images/logo.svg">
<img src="images/logo.svg">
</body>
</html>

但是当我加载带有 flask 提供的应用程序链接的页面时，两个图像都损坏了。

我猜我的 logo.svg 路径是错误的。我如何找出它相对于应用程序根目录的位置？

Answer 1

解决问题：

在您的模板中使用

<img src="{{ url_for('static', filename='images/logo.svg') }}">

。

要了解有关 Flask 中静态文件的更多信息，请阅读文档。