vue axios 上传音频文件

可以使用FormData对象来上传音频文件。首先，在Vue组件中，需要定义一个input元素，用于选择音频文件：

<template>
  <div>
    <input type="file" ref="audioFile" @change="handleFileChange">
    <button @click="uploadAudio">上传</button>
  </div>
</template>

然后在methods中定义handleFileChange方法，用于获取选择的音频文件：

methods: {
  handleFileChange() {
    this.audioFile = this.$refs.audioFile.files[0];
  }
}

接下来，定义一个uploadAudio方法，用于将音频文件上传到服务器：

methods: {
  uploadAudio() {
    let formData = new FormData();
    formData.append('audioFile', this.audioFile);
    axios.post('/upload', formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    }).then(response => {
      console.log(response.data);
    }).catch(error => {
      console.log(error);
    });
  }
}

在上面的代码中，我们创建了一个FormData对象，并将选择的音频文件添加到其中。然后使用axios.post方法将FormData对象发送到服务器。

在服务器端，可以使用multer等中间件来处理上传的音频文件。具体实现可以参考相关文档。