前端（Vue3）如何接收后端（SpringBoot）返回的文件并下载

后端代码

// controller.java// 丢包分析-线性插值@PostMapping("/packetLoss/linearInterpolate")public ResponseEntity<InputStreamResource> linearInterpolate(@RequestParam String url,@RequestBody RecordLinearInterpolateDTO recordLinearInterpolateDTO){// 响应体InputStream inputStream = flightRecordService.linearInterpolate(url, recordLinearInterpolateDTO);// 响应头HttpHeaders headers = new HttpHeaders();headers.add("Content-Disposition", "attachment; filename=data.csv");  // Content-Disposition 是一个 HTTP 响应头，用来告诉浏览器如何处理服务器返回的内容：是直接在页面显示，还是作为文件下载保存。headers.add("Content-Type", "text/csv;charset=UTF-8");  // 主类型/子类型return ResponseEntity.ok().headers(headers).body(new InputStreamResource(inputStream));}

前端

// 发送请求_axios.post("/flightRecord/packetLoss/linearInterpolate", {lossIndexes: analysisResult.lossIndexes}, {params: {url: analysisFileUrl.value},responseType: "blob"}).then(res => {// 处理文件下载const blob = new Blob([res.data]);const url = window.URL.createObjectURL(blob);const link = document.createElement('a');link.href = url;link.setAttribute('download', 'analysis_result.csv');  // 设置下载文件名document.body.appendChild(link);link.click();// 清理资源window.URL.revokeObjectURL(url);link.remove();ElMessage.success("分析完成");}).catch(error => {ElMessage.error("分析失败")}).finally(() => {interpolationLoading.value = false})