Python 当我直接预览HTML页面时，图像看起来很好，但当从flask返回相同的页面时，图像看起来很破碎

在一个小项目上工作，我有一个HTML页面。现在它是一个静态页面，所有内容都是硬编码的

当我在本地预览它时，它看起来很好。但是，当使用render_模板从flask返回相同的页面时，图像链接出现中断

目录的结构如下：

/
-server.py
--templates/
---org_dashboard.html
---img_avatar.png

Im附加了返回函数的截图和代码片段，以及相应的HTML代码

Python/flask代码：

@app.route('/org_dashboard', methods=['GET', 'POST'])
def org_dashboard():
    return render_template('org_dashboard.html')

与图像路径对应的HTML代码：

<div class="card-columns">
<div class="card">
      <img src="img_avatar.png" alt="Avatar" style="width:100%">
      <div class="container">
        <h4><b>John Doe</b></h4>
        <p>Architect & Engineer</p>
      </div>
    </div>
</div>

通过烧瓶从本地主机返回时。请注意，链接似乎已断开：

---

通过打开HTML文件直接查看时。图像看起来很好

问题在于，图像路径暗示的内容仅在静态本地HTML文件中是正确的

src=img_avatar.png告诉浏览器该文件与当前页面位于同一文件夹中

您需要将其更改为如下相对路径：src=/static/img_avatar.png，然后将文件移动到项目根目录中的/static文件夹中

Flask假设您将执行此操作，并自动添加一个静态视图，该视图采用相对于项目根/静态目录的路径并为其提供服务