Angular发送POST请求时请求体含逗号触发ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION错误

该错误是Chromium内核（Chrome/Edge）的独有特性导致的：此类浏览器对Content-Disposition响应头的解析规则比火狐、Postman更严格。即使你请求中的contentName字段已经加了双引号，只要后端返回的Content-Disposition响应头里的文件名参数没有对逗号、双引号等特殊字符做转义，Chromium就会误将逗号识别为多个头部的分隔符，触发ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION报错。

1. 后端修复（推荐，可根治问题） #

后端构造Content-Disposition响应头时，严格遵循RFC 2616规范处理文件名：

• 文件名参数值必须用双引号完整包裹
• 对值内的逗号、双引号、反斜杠等特殊字符，用反斜杠\做转义处理
• 若需要兼容多语言文件名，同步添加filename*字段遵循RFC 5987规范
• Java后端示例代码：

// 处理文件名特殊字符转义
String escapedFileName = contentName.replace("\\", "\\\\").replace("\"", "\\\"").replace(",", "\\,");
// 构造兼容多浏览器的响应头
String encodedFileName = URLEncoder.encode(contentName, "UTF-8").replace("+", "%20");
response.setHeader("Content-Disposition", "attachment; filename=\"" + escapedFileName + "\"; filename*=UTF-8''" + encodedFileName);

2. 前端临时规避方案（仅应急使用，无法根治） #

如果暂时无法协调后端修改代码，可在Angular侧手动处理响应，绕过浏览器自动解析Content-Disposition的逻辑：

import { HttpClient } from '@angular/common/http';

// 接口请求示例
this.http.post('你的接口地址', 请求参数, {
  observe: 'response',
  responseType: 'blob'
}).subscribe(res => {
  // 手动从响应头提取文件名
  let fileName = '默认文件名';
  const contentDisposition = res.headers.get('Content-Disposition');
  if (contentDisposition) {
    const nameMatch = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
    if (nameMatch?.[1]) {
      fileName = nameMatch[1].replace(/['"]/g, '');
    }
  }
  // 手动触发文件下载
  const downloadLink = document.createElement('a');
  const objectUrl = URL.createObjectURL(res.body);
  downloadLink.href = objectUrl;
  downloadLink.download = fileName;
  downloadLink.click();
  URL.revokeObjectURL(objectUrl);
});

内容的提问来源于stack exchange，提问作者S-Wing