(vue)vue导出excel文件打不开，或者文件内容为object object

(vue)vue导出excel文件打不开，或者文件内容为object object[已解决]

bug:

主要原因：没有注意到后端返回的数据格式,需要的是res而不是res.data

正确写法：

<a-button type="primary" icon="download" @click="daochu"> 导出 </a-button>//导出
daochu() {const paramsStr = JSON.stringify(this.form)  //查询表单的数据axiosRest({url: `.../.../getConduitByExcel`,method: 'post',data: paramsStr,dataType: 'json',headers: { 'Content-type': 'application/json;' }, //它声明了请求体中的数据将会以json字符串的形式发送到后端responseType: 'blob', //判断是下载成功返回了二进制流还是失败返回了对象（比如服务端拒绝，返回对象，前端如果依然按二进制流处理会导致下载undefined文件），还可以是}).then((res) => {console.log(res)const xlsx = 'application/vnd.ms-excel'const blob = new Blob([res], { type: xlsx })//转换数据类型const a = document.createElement('a') // 转换完成，创建一个a标签用于下载a.download = '管道列表' + new Date().getTime() + '.xlsx'a.href = window.URL.createObjectURL(blob)a.click()a.remove() })},

效果：

1.查询：

2.导出：

解决参考（和这位朋友的恰好相反）：https://blog.csdn.net/weixin_48300785/article/details/125487232?spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-8-125487232-blog-109057377.pc_relevant_multi_platform_whitelistv2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-8-125487232-blog-109057377.pc_relevant_multi_platform_whitelistv2&utm_relevant_index=11

解决参考：https://blog.csdn.net/qq_45796667/article/details/125226309

(vue)vue导出excel文件打不开，或者文件内容为object object相关推荐

vue导入导出excel组件封装
vue导入导出excel组件可直接使用参考以下博客,侵删参考的博客 ##一: 项目安装依赖 npm install --save xlsx 在项目中创建文件夹及文件如下图: excel-impo ...
vue中导出Excel表格
vue中导出Excel表格项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地.当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体 ...
swagger easyExcel导出Excel文件打不开，文件损坏
alibaba/easyexcel文件导出 swagger easyExcel导出Excel文件打不开,文件损坏文件下载打不开,将文件输出到本地发现可以打开,而且swagger下载的文件大小比本地文 ...
poi导出excel office打不开，wps能打开
背景遇到个恶心的bug,poi导出excel office打不开,于是百度谷歌各种搜,各种方法都没用.后来就在网上找demo,建一个项目跑demo,结果成功了.但是把demo放在原项目下,excel ...
java excel中重复数据事务处理_Java导出excel时合并同一列中相同内容的行思路详解...
一.有时候导出Excel时需要按类别导出,一大类下好几个小类,小类下又有好几个小小类,就像下图: 要实现这个也不难, 思路如下:按照大类来循环,如上就是按照张江校区.徐汇校区.临港校区三个大类循环,然 ...
java 导出如何合并列_Java导出excel时合并同一列中相同内容的行思路详解
一.有时候导出Excel时需要按类别导出,一大类下好几个小类,小类下又有好几个小小类,就像下图: 要实现这个也不难, 思路如下:按照大类来循环,如上就是按照张江校区.徐汇校区.临港校区三个大类循环,然 ...
Java后端与Vue前端导出Excel表格文件并解决乱码和文件打不开
Java 需要用到 poi 两个依赖包,Maven如下:  &l ...
vue 本地xlsx文件下载_前端vue下载导出excel和cvs文件
// 导出 exportData () { this.$confirm('确认导出XXXXXX?', { confirmButtonText: '导出', cancelButtonText: '取消' ...
VUE中导出Excel功能的实现
一.在上一篇文章中我们已经完成了WebSql的操作,并且初始化了一些数据,那么如何导出这些数据呢? **当然方法有多种,本次我们采用引入Export2Excel.js的方法 1.添加所需依赖 npm ...
vue项目导出Excel表格
我们开发的时候可能需要导出表格,来实现客户的需求,接下来就从vue项目中介绍导出excal表格的方式. 以这个项目为实例来分析,导出就要选择数据,我这里做了全选数据导出和单选数据导出,先开一下如何处理 ...

(vue)vue导出excel文件打不开，或者文件内容为object object

(vue)vue导出excel文件打不开，或者文件内容为object object[已解决]

(vue)vue导出excel文件打不开，或者文件内容为object object相关推荐

最新文章

热门文章