【web】vue 播放后端（flask）发送的 mp3 文件

灯笼只能来教室体验生活

已于 2024-01-02 13:14:19 修改

阅读量1.1k

点赞数 6

分类专栏： web 文章标签：前端 vue.js flask

于 2024-01-01 00:29:56 首次发布

本文链接：https://blog.youkuaiyun.com/m0_52733659/article/details/135321147

版权

文章目录

演示

在这里插入图片描述

后端（flask）

后端返回的是 mp3 文件的 url，是可以直接在浏览器上打开后播放的
处理跨域请求
```
pip install flask-cors
```

后端代码

from flask import Flask, request, jsonify
from flask_cors import CORS

# 我的 mp3 文件存放路径
audio_temp_dir = 'garbage_can'

# static_folder 下的文件，可以直接通过 url 访问
app = Flask(__name__, static_folder=f'./{
       audio_temp_dir}')
# 全局跨域
CORS(app, supports_credentials=True)


@app.route("/speech", methods=['POST'])
def