vue:将后端返回文件流( type: "application/octet-steam" )数据，转换为pdf展示

在Vue.js中，当后端返回文件流作为`application/octet-stream`类型的响应，通常这意味着它是一个二进制数据，例如PDF文档。为了将这个数据转换并显示为下载或预览PDF，你可以按照以下步骤操作：

1. 首先，在你的Vue组件中设置一个方法来处理接收到的文件流数据：

methods: {
  downloadOrPreviewPdf(fileData) {
    const blob = new Blob([fileData], {type: 'application/pdf'});
    
    // 下载文件
    const url = window.URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = 'document.pdf'; // 可以为你的PDF命名
    link.click();

    // 或者在线预览
    // 使用iframe或其他支持blob的HTML元素
    const iframe = document.createElement('iframe');
    iframe.src = url;
    iframe.style.display = 'none';
    document.body.appendChild(iframe);
  }
}

2. 然后，在后端API调用成功之后，将响应数据传递给上述方法：

axios.get('/api/download-pdf', {
  responseType: 'arraybuffer'
}).then(response => {
  this.downloadOrPreviewPdf(response.data);
})
.catch(error => console.error(error));

这里假设你使用了axios库进行HTTP请求。