Vue实现通过后端接口导出Excel表格

需求：后端提供下载接口，返回二进制文件流，前端导出为xlsx格式的Excel表格实现：1、按钮调用下载接口2、new Blob导出PS：1、第一步请求接口时，注意要设置请求responseType为blob类型，否则下载后，显示格式错误，无法打开2、new Blob请求是，注意修改type类型为application/vnd.ms-excel参考文章：1、https://blog.csdn.net

高蓓蓓

6087人浏览 · 2020-10-21 15:28:19

高蓓蓓 · 2020-10-21 15:28:19 发布

需求：后端提供下载接口，返回二进制文件流，前端导出为xlsx格式的Excel表格
实现：

1、按钮调用下载接口
2、new Blob导出
PS：1、第一步请求接口时，注意要设置请求responseType为blob类型，否则下载后，显示格式错误，无法打开
2、new Blob请求是，注意修改type类型为application/vnd.ms-excel

参考文章：

1、https://blog.csdn.net/samarket/article/details/90479013?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

2、https://www.cnblogs.com/jdWu-d/p/13396548.html
3、https://www.kancloud.cn/yunye/axios/234845

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^