vue 怎么获取后台借口返回的二进制数据

你可以使用axios库发送请求，然后在response中获取二进制数据。具体代码如下：

axios({
  url: 'your_api_url',
  method: 'GET',
  responseType: 'blob' // 设置响应类型为二进制数据
}).then(response => {
  const blob = new Blob([response.data], { type: 'application/octet-stream' })
  const url = window.URL.createObjectURL(blob)
  // do something with the binary data
}).catch(error => {
  console.log(error)
})

相关问题

vue 获取接口返回的二进制数据 报错undefined

这个问题可以回答。可能是因为你没有正确处理接口返回的二进制数据。你可以尝试使用 responseType: 'arraybuffer' 来获取二进制数据，并使用 Blob 对象或者 ArrayBuffer 对象来处理数据。如果还有问题，可以提供更多的代码和错误信息，以便更好地帮助你解决问题。

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'，可以确保响应数据以二进制流的形式接收。获取到二进制流数据后，我们可以对其进行自定义处理，例如转化为图片等操作。