从Spring Boot下载字节数组到Vue前端

@GetMapping("/download")
public ResponseEntity<byte[]> downloadFile() throws IOException {
    // 从文件系统或数据库获取字节数组
    byte[] fileBytes = getFileBytes();

    // 设置响应头信息
    HttpHeaders headers = new HttpHeaders();
    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
    headers.setContentDispositionFormData("attachment", "filename.ext");

    return new ResponseEntity<>(fileBytes, headers, HttpStatus.OK);
}

// 安装axios依赖（如果尚未安装）
// npm install axios

import axios from 'axios';

export default {
  methods: {
    downloadFile() {
      axios({
        url: '/api/download',
        method: 'GET',
        responseType: 'arraybuffer', // 设置响应类型为字节数组
      }).then((response) => {
        const contentDisposition = response.headers['content-disposition'];
        const filename = contentDisposition
          .split(';')
          .find((part) => part.trim().startsWith('filename='))
          .split('=')[1]
          .trim();

        const blob = new Blob([response.data], {
          type: response.headers['content-type'],
        });

        const link = document.createElement('a');
        link.href = window.URL.createObjectURL(blob);
        link.download = filename;
        link.click();
      }).catch((error) => {
        console.error(error);
      });
    },
  },
};