Vue + SprongBoot 환경에서 Excel 파일 다운로드

Question

안녕하세요. Vue + SprongBoot 환경에서 Excel 파일을 다운로드 하려고 합니다. 구글링을 통해 얻은 코드와 제 코드를 섞어서 실행을 해보면 아무런 에러가 발생하지 않고, DB에서 데이터도 가져오지만 Excel 파일 다운로드가 안됩니다. 제가 코드를 잘못 쳤나해서수 많은 예제 코드를 그대로 복붙해봐도 똑같이 에러없이 실행이 되나 Excel 파일 다운로드가 안됩니다. (크롬 아래에 다운로드 칸 자체가 안생깁니다.) 구글링을 아무리 해봐도 도저히 모르겠네요.. 현재 제 코드입니다. 프론트 Axios 부분// 자동화 테스트하는 API function autumation(payload){ return posts.post('/api/market-research/autumation',payload) } RestController// Excel Download @PostMapping("/market-research/excelDown") public void downloadHelium10Report(@RequestBody MarketResearchModel.ExcelDown excelDown, HttpServletResponse response) throws Exception { System.out.println("Download Controller"); System.out.println(excelDown.getMarketResearchId()); marketResearchService.downloadReport(excelDown, response); } Service// Report Excel Download public void downloadReport(MarketResearchModel.ExcelDown excelDown, HttpServletResponse response) throws OperationFailException { System.out.println("Download Service"); System.out.println(excelDown.getMarketResearchId()); try{ List> helium10Report = marketResearchMapper.getReport(excelDown); System.out.println("Helium10 Report"); System.out.println(helium10Report.get(0)); Workbook workbook = new XSSFWorkbook(); Sheet sheet = workbook.createSheet("데이터"); int rowNum = 0; for (Map data : helium10Report) { // row 생성 Row row = sheet.createRow(rowNum++); // System.out.println("data"); // System.out.println(data); int cellNum = 0; // map에 있는 데이터를 한개씩 조회해서 열을 생성한다. for (String key : data.keySet()) { // cell 생성 Cell cell = row.createCell(cellNum++); // cell에 데이터 삽입 cell.setCellValue(data.get(key).toString()); } } String filename = "Market Research Report.xlsx"; // 컨텐츠 타입과 파일명 지정 response.setContentType("application/vnd.ms-excel"); response.setHeader("Content-Disposition", String.format("attachment;filename=%s.xlsx", filename)); workbook.write(response.getOutputStream()); workbook.close(); System.out.println("Workbook Close!"); }catch (IOException e){ System.out.println("Error!"); e.printStackTrace(); } System.out.println("End!"); } MapperList> getReport(MarketResearchModel.ExcelDown excelDown) throws OperationFailException; 데이터는 정상으로 가져오고 메서드도 끝까지 제대로 실행됩니다. => System.out.println()Helium10 Report {REG_DTM=2022-05-30T18:06:48, CLNT_CMPNY_ID=2, PRICE=106.99, ACTIVE_SELLERS=1, FULFILLMENT=FBA, CREATION_DATE=2022. 2. 26., ASIN=B09TGZSW3D, BUY_BOX=Shenzhen weixinda Technology Co.,Ltd, MARKET_RESEARCH_ID=202205301740016, BRAND=weiwin, DIMENSIONS=6.3x8.6x1.7, SELLER_COUNTRY=CN, REVIEW_VELOCITY=0, FBA_FEES=20.96, REVIEW_COUNT=0, IMAGES=7.0, CATEGORY=Electronics, SIZE_TIER=Large Standard-Size, PRODUCT_DETAILS=($) Weiwin 20V 12A 240W AC Adapter Charger Compatible for GX551QS-HB014T GX551QM-HF064T GX551QS-HF012T GX551QS-HB013T GX551QR-HB027T GX551QM-HB039T 6.0MM, WEIGHT=1.69} Workbook Close! End!

깨구리 · Accepted Answer

post로 form submit 하셨다면 모르겠지만, axios로 요청 하셨으니 axios resonse에서 자바스크립트로 파일 다운로드 처리를 해주셔야 합니다. ajax file download, axios file download 등의 키워드로 검색해보세요.

란쓰 · Answer

경로에 엑셀파일은 만들어 졌을 거 같은데. 엑셀파일 생성 자체가 안되는 건가요?

왜이렇게못할까 · Answer

답변 감사합니다 해당 답변으로 해결했습니다!

Vue + SprongBoot 환경에서 Excel 파일 다운로드

3개의 답변

#download 목록