vue blob 下载 字节流

在Vue中使用Blob进行字节流下载非常简单。首先，我们需要获取要下载的字节流数据。然后，使用Blob对象将数据封装为二进制文件。最后，创建一个URL对象，并将其绑定到下载链接上，使用户能够下载该文件。

以下是一个简单的示例：

// 获取字节流数据
axios.get('https://example.com/api/download', { responseType: 'blob' })
  .then(response => {
    // 创建Blob对象
    const blob = new Blob([response.data], { type: 'application/octet-stream' });

    // 创建URL对象
    const url = window.URL.createObjectURL(blob);

    // 创建下载链接，让用户能够下载文件
    const link = document.createElement('a');
    link.href = url;
    link.download = 'file.txt';
    link.click();

    // 清理URL对象
    window.URL.revokeObjectURL(url);
  })
  .catch(error => {
    console.error(error);
  });

在上述示例中，我们使用axios库发送GET请求获取字节流数据。在请求中，我们将`responseType`设置为`blob`，以确保返回的数据以Blob格式返回。

获取数据后，我们将其封装在一个Blob对象中，并指定文件的MIME类型（在此示例中，我们使用了`application/octet-stream`作为示例类型）。然后，我们使用`URL.createObjectURL()`方法创建一个URL对象，并将其绑定到将要下载的文件上。

接下来，我们创建一个`<a>`元素作为下载链接。将URL对象的URL属性赋值给`href`属性，并为`download`属性设置文件名。最后，使用`click()`方法模拟用户点击该链接，触发文件下载。

最后，我们调用`window.URL.revokeObjectURL()`方法清理URL对象，以确保资源被正确释放。

这就是使用Vue进行Blob字节流下载的简单示例。您可以根据您的具体需求进行相应的修改和扩展。