Ionic/Angular Android端下载Spring Boot服务端文件损坏如何解决？

问题排查及修复步骤： #

• 优先确认reportProgress: true的事件流处理逻辑是否正确
  开启进度上报后，Angular HttpClient返回的是多段HttpEvent事件流，而非直接返回完整响应。如果直接提取中间进度事件的分片数据作为完整Blob，就会出现固定设备丢块一致、不同设备丢块不同的问题。
  正确的响应处理代码参考：

  import { HttpEventType } from '@angular/common/http';
  
  this.http.request(req).subscribe(event => {
    // 仅在收到完整响应事件时处理文件数据
    if (event.type === HttpEventType.Response) {
      const fullBlob = event.body as Blob;
      // 执行后续文件保存逻辑
      const downloadUrl = window.URL.createObjectURL(fullBlob);
      const anchor = document.createElement('a');
      anchor.href = downloadUrl;
      anchor.download = '你的文件名.后缀';
      anchor.click();
      window.URL.revokeObjectURL(downloadUrl);
    }
    // 下载进度逻辑单独处理，不要在此处提取Blob
    if (event.type === HttpEventType.DownloadProgress) {
      const percent = Math.round(100 * event.loaded / (event.total || 1));
      console.log(`下载进度: ${percent}%`);
    }
  });
  

• 检查Spring Boot服务端响应头配置
  1. 确保文件下载接口主动返回Content-Length响应头，避免默认分块传输在移动端的兼容问题，代码示例：

     // Spring Boot接口内添加
     response.setContentLengthLong(file.length());
     response.setHeader("Content-Disposition", "attachment;filename=xxx.xxx");
     

  2. 若服务端开启了Gzip压缩，确认文件下载接口的响应头正确携带Content-Encoding: gzip，或直接关闭文件接口的Gzip压缩，避免未解压导致的数据损坏。
• 请求头添加缓存控制字段，避免移动端代理/浏览器缓存截断文件
  在Angular的请求头中追加以下配置：

  headers: new HttpHeaders({
    'x-auth': token,
    'Cache-Control': 'no-cache, no-store, must-revalidate',
    'Pragma': 'no-cache'
  })
  

内容的提问来源于stack exchange，提问作者Stefa