Vue+axios+WebApi+NPOI导出Excel文件实例方法

// respone拦截器
service.interceptors.response.use(
 response => {
 // blob类型为文件下载对象，不论是什么请求方式，直接返回文件流数据
 if (response.config.responsetype === 'blob') {
  const filename = decodeuri(
  response.headers['content-disposition'].split('filename=')[1]
  )
// 返回文件流内容，以及获取文件名, response.headers['content-disposition']的获取, 默认是获取不到的,需要对服务端webapi进行配置
  return promise.resolve({ data: response.data, filename: filename })
 }
 // 依据后端逻辑实际情况，需要弹窗展示友好错误
 },
 error => {
 let resp = error.response
 if (resp.data) {
  console.log('err:' + decodeuricomponent(resp.data)) // for debug
 }
 // todo: 需要依据后端实际情况判断
 return promise.reject(error)
 }
)

exportexcel () {
  let params = {}
  let p = this.getqueryparams() // 获取相应的参数
  if (p) params = object({}, params, p)
  axios
  .get('接口地址', {
   params: params,
   responsetype: 'blob'
  })
  .then(res => {
   var blob = new blob([res.data], {
   type: 'application/vnd.ms-excel;charset=utf-8'
   })
   // 针对于ie浏览器的处理, 因部分ie浏览器不支持createobjecturl
   if (window.navigator && window.navigator.mssaveoropenblob) {
   window.navigator.mssaveoropenblob(blob, res.filename)
   } else {
   var downloadelement = document.createelement('a')
   var  // 创建下载的链接
   downloadelement.
   downloadelement.download = res.filename // 下载后文件名
   document.body.appendchild(downloadelement)
   downloadelement.click() // 点击下载
   document.body.removechild(downloadelement) // 下载完成移除元素
   window.url.revokeobjecturl(href) // 释放掉blob对象
   }
  })
 }

[httpget]
  public ihttpactionresult exportdata([fromuri]pagination pagination, [fromuri] orderreqdto dto)
  {
   //取出数据源
   datatable dt = this.service.getmemberpagelist(pagination, dto.converttofilter());
   if (dt.rows.count > 65535)
   {
    throw new exception("最大导出行数为65535行,请按条件筛选数据！");
   }
   foreach (datarow row in dt.rows)
   {
    var isrealname = row["isrealname"].tobool();
    row["isrealname"] = isrealname ? "是" : "否";
   }
   var model = new exportmodel();
   model.data = jsonconvert.serializeobject(dt);
   model.filename = "会员信息";
   model.title = model.filename;
   model.lstcol = new list<exportdatacolumn>();
   model.lstcol.add(new exportdatacolumn() { prop = "fullname", label = "会员名称" });
   model.lstcol.add(new exportdatacolumn() { prop = "realname", label = "真实姓名" });
   model.lstcol.add(new exportdatacolumn() { prop = "gradename", label = "会员等级" });
   model.lstcol.add(new exportdatacolumn() { prop = "telphone", label = "电话" });
   model.lstcol.add(new exportdatacolumn() { prop = "areaname", label = "区域" });
   model.lstcol.add(new exportdatacolumn() { prop = "gridname", label = "网格" });
   model.lstcol.add(new exportdatacolumn() { prop = "address", label = "门牌号" });
   model.lstcol.add(new exportdatacolumn() { prop = "regtime", label = "注册时间" });
   model.lstcol.add(new exportdatacolumn() { prop = "description", label = "备注" });
   return exportdatabyfore(model);
  }

[httpget]
  public ihttpactionresult exportdatabyfore(exportmodel dto)
  {
   var dt = jsonconvert.deserializeobject<datatable>(dto.data);
   var filename = dto.filename + datetime.now.tostring("yymmddhhmmssfff") + ".xls";
   //设置导出格式
   excelconfig excelconfig = new excelconfig();
   excelconfig.title = dto.title;
   excelconfig.titlefont = "微软雅黑";
   excelconfig.titlepoint = 25;
   excelconfig.filename = filename;
   excelconfig.isallsizecolumn = true;
   //每一列的设置,没有设置的列信息，系统将按datatable中的列名导出
   excelconfig.columnentity = new list<columnentity>();
   //表头
   foreach (var col in dto.lstcol)
   {
    excelconfig.columnentity.add(new columnentity() { column = col.prop, excelcolumn = col.label });
   }
   //调用导出方法
   var stream = excelhelper.exportmemorystream(dt, excelconfig); // 通过npoi形成将数据绘制成excel文件并形成内存流
   var browser = string.empty;
   if (httpcontext.current.request.useragent != null)
   {
    browser = httpcontext.current.request.useragent.toupper();
   }
   httpresponsemessage httpresponsemessage = new httpresponsemessage(httpstatuscode.ok);
   httpresponsemessage.content = new streamcontent(stream);
   httpresponsemessage.content.headers.contenttype = new mediatypeheadervalue("application/octet-stream"); // 返回类型必须为文件流 application/octet-stream
   httpresponsemessage.content.headers.contentdisposition = new contentdispositionheadervalue("attachment") // 设置头部其他内容特性, 文件名
   {
    filename =
     browser.contains("firefox")
      ? filename
      : httputility.urlencode(filename)
   };
   return responsemessage(httpresponsemessage);
  }