Отправляю запрос с Vue на Flask для получения аудиозаписи. В постман приходит аудио, а на Vue - строка. Как мне вставить на Vue аудио с Flask?
Вернуть аудио с сервера Flask.
return send_from_directory('./static/wavs/', wav_name,
mimetype='audio/wav',
as_attachment=False)
Хочу вставить аудио в код фронта, написанного на Vue:
<div class="d-flex align-items-center">
<audio>
<source :src="response" type="audio/wav">
</audio>
</div>
Но возвращается текст, вроде такого... Что мне с ним делать?
UklGRiSGAABXQVZFZm10IBAAFFAABAAEAIlYAAESsAAACABAAZGF0YQCGAADFAaQAOv9UAQ0C1f4q
Запрос на сервер:
axios('http://' + 'localhost:5000' + '/sinth', {
method: "POST",
headers: {
"Accept": "application/json",
"Content-Type": "application/json",
},
data: data
})
.then((response) => {
this.response = response;
this.show_response = true;
this.spinner_visible = false;
return response;
})
.catch((error) => {
console.log(error);
this.spinner_visible = false;
});
Если возвращать надо иначе, то можно ли тогда возвращать ответ в json-е с аудиофайлом?
Хотелось бы еще вернуть отправленный и обработанный сервером текст на фронт, а не только аудиозапись...