axios下载excel踩坑记录（导出Excel总是报格式错误而且乱码）

最新推荐文章于 2024-02-20 10:34:44 发布

Connie_豆

最新推荐文章于 2024-02-20 10:34:44 发布

阅读量3.4k

点赞数 9

分类专栏：前端 vue

本文链接：https://blog.csdn.net/lvdou1120101985/article/details/102460136

版权

项目中使用axios下载Excel时，遇到文件打开报错且显示乱码的问题。通过检查发现，虽然后端生成并返回了文件流，前端接收到的数据类型为字符串而非预期的blob。问题根源在于MockJS导致请求被封装，即使未配置拦截下载请求，也会对所有请求进行处理。解决方案是禁用MockJS，避免其影响下载请求。这样便能成功导出Excel文件。

摘要由CSDN通过智能技术生成

项目需要，有一个功能是后端生成Excel文件并且写入文件流，前台接收并提示用户导出文件。

看起来是个很简单的功能，网上关于这个功能的解决办法也有很多，基本都差不多，大致如下：

后端：

@RequestMapping(value = "/exportGatherXls", method = RequestMethod.POST)
  public void exportGatherXls(HttpServletResponse response) {
    //导出Excel
    response.setContentType("application/vnd.ms-excel;charset=utf-8");
    String codedFileName = "test";
    OutputStream fOut = null;
    try {
      String newtitle = new String(codedFileName.getBytes("UTF-8"), "ISO8859-1");
      response.setHeader("content-disposition", "attachment;filename=" + newtitle + ".xls");
      Workbook workbook = new HSSFWorkbook();
      //2.创建工作簿
      Sheet sheet = workbook.createSheet();
      //3.创建标题行，测试数据
      Row titlerRow = sheet.createRow(0);
      titlerRow.c