额外的文件夹不会显示在浏览器的源页面中（来自Flask webapp静态文件）[重复]

Question

此问题已经在这里有了答案：

How to serve static files in Flask（16个答案）

Link to Flask static files with url_for（2个答案）

关闭3分钟前。

我正在尝试建立一个烧瓶网站，在那里可以播放音乐。音频文件夹不会“上传”到浏览器（我不确定这是否是正确的术语，这也是我的问题的一部分）。似乎html页面无法访问这些文件。这些是我在Visual Studio Code中的项目文件夹。注意音频文件夹（它包含mp3文件）

[这是Chrome中的“源”选项卡（与Microsoft Edge相同）在“烧瓶运行”或“ python app.py”中检查菜单

音频文件不见了，我不知道为什么。

我已经研究了如何通过Flask提供静态文件，但我不知道它如何为我提供帮助。我已经尝试过send_static_file，但是我根本不需要这。

我已经完全没有了关于这样做的想法，任何帮助或建议都将不胜感激。

Answer 1

您需要将要播放的音频合并到模板中：

<audio controls>
   <source src="{{ url_for('.static', filename='audio/your song.mp3') }}" type="audio/mpeg">
   Your browser does not support the audio element.
</audio>