嗨，我看了你遇到的问题——Postman能正常保存文档，但自己用Axios实现下载时出了问题，其实核心是几个配置细节没处理对，我来帮你梳理下：

先说说你当前代码里的问题点 #

• Axios请求参数结构错误：你把headers放在了post方法的第二个参数位置（这个位置本来是请求体data），导致请求头没有被正确设置，反而把headers当成请求数据发送了。
• 未指定响应类型：Axios默认会把响应解析为JSON格式，这会破坏docx/odt这类二进制文件的内容，必须明确指定responseType: 'blob'才能正确获取文件二进制数据。
• 文件名硬写不够灵活：其实可以从响应头的content-disposition里提取后端返回的文件名，不用手动写死file.odt。

修正后的完整代码 #

function getAllData() {
  let documentJSON = JSON.stringify(form);

  axios.post("http://testapi/document", documentJSON, {
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
    },
    // 关键配置：指定响应类型为blob
    responseType: 'blob'
  })
  .then((response) => {
    // 从content-disposition头里提取文件名
    const contentDisposition = response.headers['content-disposition'];
    let filename = 'file.odt'; // 默认文件名
    if (contentDisposition) {
      const matches = contentDisposition.match(/filename="?([^"]+)"?/);
      if (matches && matches[1]) {
        filename = matches[1];
      }
    }

    // 创建Blob对象，这里直接用response.data即可，因为已经是blob类型了
    const url = window.URL.createObjectURL(response.data);
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', filename);
    document.body.appendChild(link);
    link.click();

    // 清理资源
    window.URL.revokeObjectURL(url);
    document.body.removeChild(link);
  })
  .catch((error) => console.error('下载失败:', error))
}

代码说明 #

1. 修正Axios参数结构：axios.post(url, data, config)，把headers和responseType放在第三个配置对象里，这才是正确的写法。
2. 添加responseType: 'blob'：告诉Axios不要解析响应，直接返回Blob类型的二进制数据，这样文件内容才不会损坏。
3. 动态提取文件名：通过正则匹配content-disposition头里的文件名，确保下载的文件名和后端返回的一致。
4. 清理资源：下载完成后记得释放ObjectURL并移除创建的a标签，避免内存泄漏。

这样调整后，应该就能像Postman一样正常下载文件了～

备注：内容来源于stack exchange，提问作者Grigory Voevodin