用react js和java下载文件

import React from 'react';
import axios from 'axios';

const FileDownloadButton = () => {
  const handleDownload = async () => {
    try {
      const response = await axios.get('/download-file', {
        responseType: 'blob', // 指定响应数据的类型为二进制
      });
      
      // 创建一个临时的URL对象，用于生成下载链接
      const downloadUrl = window.URL.createObjectURL(new Blob([response.data]));

      // 创建一个a标签，设置下载链接和文件名
      const link = document.createElement('a');
      link.href = downloadUrl;
      link.setAttribute('download', 'filename.ext');

      // 模拟点击a标签进行文件下载
      link.click();
    } catch (error) {
      console.error('文件下载失败', error);
    }
  };

  return (
    <button onClick={handleDownload}>下载文件</button>
  );
};

export default FileDownloadButton;

@RestController
public class FileDownloadController {
  
  @GetMapping("/download-file")
  public ResponseEntity<Resource> downloadFile() {
    // 获取文件路径或数据
    String filePath = "path/to/file";
    // 或者
    byte[] fileData = getBytesFromFile();

    // 设置文件下载的响应头部
    HttpHeaders headers = new HttpHeaders();
    headers.add(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"filename.ext\"");

    // 创建一个Resource对象来包装文件数据或文件路径
    ByteArrayResource resource = new ByteArrayResource(fileData);
    // 或者
    FileSystemResource resource = new FileSystemResource(filePath);

    return ResponseEntity.ok()
        .headers(headers)
        .contentLength(resource.contentLength())
        .contentType(MediaType.APPLICATION_OCTET_STREAM)
        .body(resource);
  }
  
  // 从文件中读取字节数据的辅助方法
  private byte[] getBytesFromFile() {
    // 实现文件读取的逻辑
  }
}