公司前端使用的是vue，現在需要匯出excel，在網上查了一些資料，推薦用Blob
- 首先介紹一下Blob
一直以來，JS都沒有比較好的可以直接處理二進位制的方法。而Blob的存在，允許我們可以通過JS直接操作二進位制資料。
一個Blob物件就是一個包含有隻讀原始資料的類檔案物件。Blob物件中的資料並不一定得是JavaScript中的原生形式。File介面基於Blob，繼承了Blob的功能,並且擴充套件支援了使用者計算機上的本地檔案。
Blob物件可以看做是存放二進位制資料的容器，此外還可以通過Blob設定二進位制資料的MIME型別。

之前以為Blob需要二進位制檔案流，在後臺返回的時候返回二進位制，發現下載下來的內容不對，後來查了一下 java是可以直接返回Blob物件的
 

前端使用axios傳送請求

this.axios({
        method:'get',
        url:url,//後臺請求地址
        responseType:'blob',
      }).then((data) => {
        if (!data) {
            return
        }
        let url = window.URL.createObjectURL(data.data)
        let link = document.createElement('a')
        link.style.display = 'none'
 

        link.href = url
        link.setAttribute('download', 'product.xls')
        document.body.appendChild(link)
        link.click()
      })

這裡重點是responseType:’blob’，加上這個之後後臺就會返回Blob物件

後臺程式碼 （java）

public DownloadResult exportXls(ActionContext ac){

        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"
 
);

        ActionResult ar = new ActionResult();
        JSONObject args = ac.getArguments();
        String entityId = JsonUtil.getString(args, "entityId");
        String date = JsonUtil.getString(args, "date");
        DownloadResult localDownloadResult = new DownloadResult();
        HttpServletResponse response = ac.getResponse();

        String getDataSql = "select FProduct_name,FCustom_contact_name,FOrder_amount,FDeparture_date,FCreateTime,FPeopleNum from lpp_Order_table where FCreateTime >= '" + date + " 00:00:00' and FCreateTime <= '" + date + " 23:59:59' and FProductId = ? ";

        List<Record> dataRes = Executor.getInstance("default").getRecordList(getDataSql, entityId);

        ByteArrayOutputStream out = new ByteArrayOutputStream();
//        OutputStream out = null;
        try {
                Workbook wb = new HSSFWorkbook();
                //省略生成excel的程式碼
                wb.write(out);

            byte[] array = out.toByteArray();
            ar.putClientValue("data", array);
            localDownloadResult.setFileName("total.xls");
            localDownloadResult.setContent(array);
        } catch(Exception ex) {
            ex.printStackTrace();
        } finally {
        }

        return localDownloadResult;
    }
    }

DownloadResult 是我們公司平臺封裝的一個下載用的類，其實就是response在響應，返回值需要時二進位制byte[]陣列，這樣之後前端就可以下載到excel