@LakeForest

Отправляю запрос с Vue на Flask для получения аудиозаписи из метода send_from_directory(). Как мне вставить на Vue аудио с Flask?

Отправляю запрос с 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-е с аудиофайлом?
Хотелось бы еще вернуть отправленный и обработанный сервером текст на фронт, а не только аудиозапись...
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы