vue 后台返回的文件流进行预览_vue中后端做Excel导出功能返回数据流前端的处理操作...

项目中有一个导出功能的实现，用博客来记录一下。因为需求对导出表格的数据格式和样式有要求，所以这个导出功能放到后端来做，而且后端返回的是数据流，所以需要处理成想要的表格并导出来。

先看下效果图：

页面效果：

点击 导出Excel 调用导出接口成功了：

后台返回的数据流，一堆看不懂的乱码：

接下来要处理这堆乱码，因为用到的地方多，所以在util.js文件里封装了一个公共方法并抛出：

虽然vue里有封装好的请求接口的方法，但这里要单独用axios，所以先在util.js里引入axios

import axios from 'axios'

// 导出Excel公用方法

export function expo