使用 Axios 和 URL.createObjectURL() 在网页中显示 MP3 音频

可以使用 URL.createObjectURL() 方法将 Blob 数据转换成 URL，然后将 URL 作为音频的 src 属性值，从而实现显示音频。

示例代码如下：

axios.get('/public/mock/1683616705171.mp3', {
  responseType: 'blob'
}).then(response => {
  const audioUrl = URL.createObjectURL(response.data);
  const audio = document.createElement('audio');
  audio.src = audioUrl;
  document.body.appendChild(audio);
}).catch(error => {
  console.log(error);
});

该代码会先通过 axios 获取 MP3 文件的 Blob 数据，然后通过 URL.createObjectURL() 方法将 Blob 数据转换成 URL，接着创建一个新的 audio 元素，将 URL 作为其 src 属性值，最后将 audio 元素添加到页面中，从而实现显示音频。