vue 获取post 获取二进制流

在Vue中，我们可以使用axios库来进行HTTP请求，包括获取post请求的二进制流数据。下面是一个示例代码，演示如何使用axios来获取post请求中的二进制流数据。

// 引入axios库
import axios from 'axios'

// 在Vue组件中定义一个方法来获取post请求的二进制流数据
methods: {
  getBinaryData() {
    axios.post('/api/getBinaryData', {}, {
      responseType: 'blob' // 设置响应类型为二进制流
    })
    .then(response => {
      const blobData = response.data
      // 对获取的二进制流数据进行处理
      // 例如，可以将二进制流转化为图片显示
      const imageSrc = URL.createObjectURL(blobData)
      const imgElement = document.createElement('img')
      imgElement.src = imageSrc
      document.body.appendChild(imgElement)
    })
    .catch(error => {
      console.error(error)
    })
  }
}

上述代码中的`getBinaryData`方法定义了一个POST请求用于获取二进制流数据。在axios的POST请求中，我们设置了`responseType`选项为'blob'，这表示返回的响应数据将以二进制流的形式接收。

在获取到二进制流数据后，我们可以对其进行自定义处理。在示例代码中，我们将二进制流数据转化为图片，并将其添加到页面中进行显示。

注意，上述代码中的'/api/getBinaryData'是一个示例的请求地址，你需要将其替换为你真正的后端接口地址。另外，还可能需要根据你的具体需求进行适当的修改和扩展。

总结起来，Vue中可以使用axios库来获取post请求的二进制流数据。通过设置axios请求的`responseType`选项为'blob'，可以确保响应数据以二进制流的形式接收。获取到二进制流数据后，我们可以对其进行自定义处理，例如转化为图片等操作。