vue實現excel文件導出，Java後端文件流輸出

vue實現excel文件導出，Java後端文件流輸出

• vue代碼
• • 添加request請求攔截

downloadService.interceptors.response.use(
    response => {
      // 導出
      const headers = response.headers
      if(headers['content-type'] === 'application/vnd.ms-excel;charset=UTF-8'){
        return response.data
      }
    },
    error => {
      return Promise.reject(error)
    }
)	

• vue下載代碼實現, axios調用接口請求數據後返回response

export function download(data, name) {
    
    const content = data
    const blob = new Blob([content])
    const fileName = name
    if ('download' in document.createElement('a')) { // 非IE下載
      const elink = document.createElement('a')
      elink.download = fileName
      elink.style.display = 'none'
      elink.href = URL.createObjectURL(blob)
      document.body.appendChild(elink)
      elink.click()
      URL.revokeObjectURL(elink.href) // 釋放URL 對象
      document.body.removeChild(elink)
    } else { // IE10+下載
      navigator.msSaveBlob(blob, fileName)
    }
}

• Java後臺代碼實現

		response.setContentType("application/vnd.ms-excel;charset=UTF-8");
		response.setCharacterEncoding("UTF-8");
		try {
		    response.setHeader("Content-Disposition", "attachment;filename="+
		            java.net.URLEncoder.encode(fileName,"UTF-8"));
		} catch (UnsupportedEncodingException e) {
		    //e.printStackTrace();
		    return AitgResponse.err(AitgResponse.CODE_ERROR, e.getMessage());
		}
		  try(IExcelWriter excelWriter = ExcelUtil.getBigExcelWriter();
			// OutputStream outputStream = new FileOutputStream(fileName)
					 OutputStream os = response.getOutputStream();) {
	        // 可根據實際需要，多次寫入列表
	        excelWriter.write(list);
	        // 將列表內容真正的輸出到 excel 文件
	        excelWriter.flush(os);
	    } catch (IOException e) {
	        throw new ExcelRuntimeException(e);
	    }