音频文件未从其他泊坞站容器播放

Question

我正在尝试使用Flask和Docker开发一个小型音乐应用程序。我有两个码头服务，都在经营烧瓶。

第一个称为上传器：

@app.route("/get_song/<string:filename>/", methods=["GET"])
def get_song(filename):
    path = os.path.join(flask.current_app.instance_path, flask.current_app.config["UPLOAD_FOLDER"])
    return flask.send_from_directory(path, filename, as_attachment=True)

第二个渲染了一个Jinja模板，该模板试图播放此API返回的文件：

<audio controls="controls" autoplay="autoplay"></audio>

<a href="javascript:void(0);" onclick="playSong('{{song}}')">{{song}}</a>`

<script type="text/javascript">
    function playSong(song){
        $('audio').attr('src', 'http://uploader:5000/get_song/'+song);
    }
</script>

另外，这些组件工作正常。但当一起使用时，文件不会播放。我已经尝试了我在网上找到的几乎所有东西，但似乎都不起作用。任何帮助将不胜感激。谢谢！

编辑：添加了泊动器撰写文件。两个泊坞窗映像都是在本地构建的。

version: "3"
services:
  uploader:
    image: project_uploader:latest
    ports:
      - "4000:5000"
    networks:
      - upload
  frontend_server:
    image: project_frontend_server:latest
    ports:
      - "5000:5000"
    networks:
      - upload

networks:
  upload:

Answer 1

您显示的HTML片段最终在浏览器中执行;但是浏览器在 Docker 空间之外运行，并且不知道 Docker 内部主机名。

<!-- browser doesn't know about a host named "uploader" -->
<audio src="http://uploader:5000/get_song/..." />

当您创建这个超文本标记语言片段时，您需要提供运行服务器的主机的名称和另一个容器的已发布port：号。如果浏览器和容器运行在同一个系统上（并且没有使用Docker Toolbox），您可以使用localhost作为主机名。

$('audio').attr('src', 'http://localhost:4000/get_song/'+song);

处理这个问题最健壮的方法可能是建立一个类似Nginx的反向代理。浏览器应用程序将指向代理，它将把东西转发到一个容器或另一个容器。如果你能做到这一点，那么你可以使用一个只有路径的URL，并让主机名与主页相同。

$('audio').attr('src', '/uploader/get_song/'+song);