vue: type:"application/octet-stream" 格式的数据，并预览

Vue 中的 "type: 'application/octet-stream'" 格式的数据通常表示二进制流或者文件下载，这种数据类型常用于处理文件上传或下载的结果，比如图片、PDF、Excel等文档。当从服务器获取到这样的数据时，浏览器不会直接解析显示，而是作为文件流呈现给用户。

要在 Vue 中预览这种类型的数据，一般需要做以下步骤：
1. **事件触发**：当接收到数据时，可以使用 `axios` 或者其他HTTP客户端库的响应拦截器，在成功响应时处理文件内容。
2. **创建链接**：创建一个 download 指向该二进制数据的新 `<a>` 标签。
3. **设置属性**：设置 `href` 属性指向文件内容，`download` 属性用于指定默认下载名称。
4. **模拟点击**：由于安全限制，不能直接点击这个链接，需要手动触发它的点击事件，如 `document.createEvent('HTMLEvents')` 然后 `dispatchEvent`。
5. **取消操作**：如果是在前端展示并希望预览而不是下载，可以创建一个 `FileReader` 对象读取数据，然后利用 HTML5 的 `<img>` 元素或者插件（如`vue-file-preview`）显示图片，对于其他非图片类型的文件，则可能需要提供一个合适的查看工具，如在线 PDF 阅读器。

// 示例
const blob = new Blob([data], { type: 'application/octet-stream' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = fileName; // 下载名称
link.click();
URL.revokeObjectURL(url); // 关闭blob引用防止内存泄漏