Angular导出Excel异常：文件可下载但打开为空，求助排查

前端侧排查与修复 #

1. 验证后端返回的Blob数据有效性 #

在回调里打印Blob的大小，确认是否有实际数据返回：

(blob: Blob) => {
  console.log('Blob size:', blob.size); // 若输出0，说明后端返回空数据
  // 后续下载逻辑
}

2. 补充请求头配置 #

确保POST请求的Content-Type正确，让后端能正常解析你的参数：

this.http.post(`${environment.inventarisasiUrl}/api/inv/t/invent/detailsexcel`, payload, {
  responseType: 'blob',
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  })
})

3. 手动指定Blob的MIME类型 #

部分场景下后端返回的Blob类型不标准，手动指定xlsx对应的官方MIME类型：

(blob: Blob) => {
  const excelBlob = new Blob([blob], { 
    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' 
  });
  const url = window.URL.createObjectURL(excelBlob);
  // 后续下载逻辑
}

4. 添加错误处理排查请求异常 #

补上错误回调，确认请求是否存在后端报错、参数错误等问题：

.subscribe(
  (blob: Blob) => {
    // 下载逻辑
  },
  (error) => {
    console.error('导出请求失败:', error);
  }
)

后端侧可能的问题 #

如果前端排查后Blob大小为0，需要检查后端逻辑：

• 确认SNoba参数是否被正确接收，是否因参数解析错误导致查询无数据
• 检查Excel生成代码，是否因逻辑错误生成了空文件流
• 验证响应头是否包含正确的Content-Type和Content-Length，示例：

  Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
  Content-Length: [实际文件字节数]
  

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