Angular 17部署后Chrome下载文件显示为Unconfirmed XXXXX.crdownload问题求助

我开发了一个Angular 17应用，通过ASP.NET Web API从数据库下载文件，本地环境下载流程一切正常，但部署到开发服务器后，Chrome浏览器中下载的文件显示为Unconfirmed XXXXX.crdownload格式。文件数据并未损坏，重命名为正确文件名和扩展名后可正常打开。Edge浏览器中下载正常，尝试过原生Angular代码及file saver包均未解决问题。

Web API代码：

[HttpGet("{id}")]
public async Task<IActionResult> DownloadFileFromDatabase(int id)
{
    try
    {
        File2Download f = new File2Download();
        // grab file data from database here
        //
        MemoryStream stream = new MemoryStream(f.FileData);
        return File(stream, f.ContentType, f.FileName);
    } catch(Exception ex)
    {
        return StatusCode(500, ex.Message);
    }
}

Angular代码：

public downloadFile(id: string, fileName: string){
    console.log(fileName); // this shows correct file name
    let url = this.APIUrl + 'FileManager/'+ id;
    this.http
    .get(url, {
      responseType: 'blob'
    })
    .subscribe((response)=>
    {
      saveAs(response, fileName);
    });
}

• 严格规范Content-Disposition响应头格式：Chrome对该头的格式校验比Edge更严格，可手动在Web API中添加标准格式的响应头，避免自动生成的头被服务器中间件篡改：

  var stream = new MemoryStream(f.FileData);
  var encodedFileName = Uri.EscapeDataString(f.FileName);
  // 兼容UTF-8文件名，避免特殊字符导致的解析异常
  Response.Headers.Add("Content-Disposition", $"attachment; filename=\"{encodedFileName}\"; filename*=UTF-8''{encodedFileName}");
  return File(stream, f.ContentType);
  

• 排查服务器代理/中间件的头篡改问题：部署环境中的反向代理（如Nginx、IIS）或缓存中间件可能移除、修改了Content-Disposition或Content-Length头，需检查这些组件的配置，确保关键响应头完整传递到客户端。
• 改用原生DOM触发下载逻辑：移除对file-saver的依赖，直接通过创建a标签触发下载，减少第三方库的潜在干扰：

  public downloadFile(id: string, fileName: string){
    const url = this.APIUrl + 'FileManager/' + id;
    this.http.get(url, { responseType: 'blob' }).subscribe(response => {
      const blob = new Blob([response], { type: response.type });
      const downloadUrl = window.URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = downloadUrl;
      link.download = fileName;
      document.body.appendChild(link);
      link.click();
      window.URL.revokeObjectURL(downloadUrl);
      document.body.removeChild(link);
    });
  }
  

• 检查Chrome下载设置：确认Chrome的下载路径是否有写入权限，关闭“下载前询问每个文件的保存位置”选项，该选项可能导致文件名异常。

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