vue Excel导出 [post请求+提示语]

一般我们实现excel导出都是直接重定向或form表单提交，但如果后台发生异常，提示信息就会在新窗口以文本形式展示，很不友好，这里推荐另一种实现方式，使用post请求，并可以传递自定义错误信息：

前端使用axios，responseType要设置为blob

let that= thislet params = {             activitiesId: activitiesId,             startTime: startTime,             endTime: endTime  } axios({        method: 'post',        url: '/activityManage/exportExcel',        data: params,        responseType: 'blob'      }).then(resp => {             that.downloadFile(resp,that)      }).catch(resp => {             that.$notify.error(resp.msg || '导出失败')      })

下载方法，实现方式为打开一个新链接，然后放置download按钮，并自动点击：

downloadFile (resp,that) {       let data = resp.data 　　　　// 此处提示自定义提示语，从header中获取 　　　　if(resp.headers['errormsg'] || !data){ 　　　　　　that.$notify.error(decodeURI(resp.headers['errormsg'])||'导出失败') 　　　　　　return 　　　　}       let url = window.URL.createObjectURL(new Blob([data]))       let link = document.createElement('a')       link.style.display = 'none'       link.href = url       // 文件名在后端设置       link.setAttribute('download', decodeURI(resp.headers['filename']))       document.body.appendChild(link)       link.click()     },

后台设置文件信息与文件名：

try { 　　　　HSSFWorkbook hssfWorkbook = new HSSFWorkbook() 　　　　String errorMsg = null;　　 　　   /**      　　　  *　封装excel数据方法体，此处忽略，可自定百度poi 　　　  *　　根据需要自定义错误提示信息，最后放入header 　　　  *　　errorMsg = "导出异常：活动不存在" 　　   */ 　　　　　String fileName = "excel导出数据";         //清空response         response.reset();         //设置response的Header         response.addHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "utf-8")); 　　　　　//提示信息 　　　　 response.setHeader("errorMsg", URLEncoder.encode(errorMsg, "utf-8"));         response.setHeader("FileName", URLEncoder.encode(fileName, "utf-8"));         response.setContentType("application/vnd.ms-excel;charset=gb2312");         OutputStream os = new BufferedOutputStream(response.getOutputStream());         hssfWorkbook.write(os); 　　　　　hssfWorkbook.close();         os.flush();         os.close(); 　　} catch (Exception e) {     　　log.error("导出分析数据异常："+e);     　　throw new RuntimeException(e); 　　}

来源：博客园

作者：某天清晨、

链接：https://www.cnblogs.com/nvsky/p/11532551.html