后端返回的是base64,前端responseType:'arraybuffer'

如果后端返回的是base64编码的数据，前端需要将其转换成二进制数据（ArrayBuffer）并进行处理。可以使用atob()函数将base64编码的字符串转换为二进制数据，然后再使用Uint8Array()函数将其转换为ArrayBuffer类型的数据。

以下是一个示例代码：

axios({
  url: 'your_api_url',
  method: 'get',
  responseType: 'arraybuffer'
}).then(response => {
  const data = response.data;
  // 将base64编码的字符串转换为二进制数据
  const binaryStr = atob(data);
  // 将二进制数据转换为ArrayBuffer类型的数据
  const arrayBuffer = new Uint8Array(binaryStr.length);
  for (let i = 0; i < binaryStr.length; i++) {
    arrayBuffer[i] = binaryStr.charCodeAt(i);
  }
  // 处理ArrayBuffer类型的数据
  // ...
});

在上述代码中，我们使用了atob()函数将base64编码的字符串转换为二进制数据，然后使用Uint8Array()函数将其转换为ArrayBuffer类型的数据。最后，我们可以对ArrayBuffer类型的数据进行处理。

相关问题

pcap前端数据解析 responseType: ‘arraybuffer‘

这是一个关于前端数据解析的问题，使用responseType为'arraybuffer'可以获取到二进制数据，而pcap格式是一种网络数据包捕获文件格式，需要进行解析才能读取其中的数据。

在前端中，可以使用第三方库如js-pcap来解析pcap文件。首先，需要将获取到的二进制数据转换为ArrayBuffer类型，可以使用FileReader对象的readAsArrayBuffer方法。然后，使用js-pcap库的parse方法解析该ArrayBuffer，即可获取其中的网络数据包信息。

以下是一个样例代码：

const reader = new FileReader();
reader.readAsArrayBuffer(pcapData); // pcapData为获取到的二进制数据
reader.onload = function() {
  const pcapDataArrayBuffer = reader.result;
  const packets = pcap.parse(pcapDataArrayBuffer);
  // 对解析出的数据进行处理
};

需要注意的是，由于pcap文件可能较大，解析时可能会占用较多的内存和时间，需要根据实际情况进行优化。

responseType: “arraybuffer”。怎么设置

你可以使用XMLHttpRequest对象进行设置，例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com');
xhr.responseType = 'arraybuffer';
xhr.onload = function() {
  // 处理二进制数据
};
xhr.send();

在这个例子中，我们设置了responseType为'arraybuffer'，这样在接收到响应之后，响应数据会以ArrayBuffer的形式存储在xhr.response中，可以进行二进制数据的处理。