javascript - 表单数据 | axios : Unable to get headers from FormData, 错误:getHeaders 不是函数

Question

我正在尝试使用 form-data 和 axios 发布文本和文件字段，但出现错误:getHeaders()不是函数。下面是我的submit 代码，注意我使用的是React 和Typescript。

import * as FormData from 'form-data'
import axios from 'axios'

submit(event: React.FormEvent<HTMLFormElement>) {
  event.preventDefault()

  const { title, description, pictureFile } = this.state

  let data = new FormData()
  data.append('title', title)
  data.append('description', description)
  data.append('picture', pictureFile)

  axios.post('/api/route', data, {
    headers: data.getHeaders() // ERROR: getHeaders is not a function
  })
    .then(res => handle(res))
    .catch(err => handle(err))
}

我感兴趣的特定 header 是 Authorization，我可以手动设置它，但随后需要边界，所以......我最好尝试获取那个 getHeaders() 函数工作。

我不明白这里的问题，getHeaders 似乎是 form-data API 的一部分。

请帮忙。

Answer 1

form-data 只在Node上使用，如果你在浏览器上运行它，它会切换到window的版本的表单数据。我在他们的代码中看到了这一点。

module.exports = typeof self == 'object' ? self.FormData : window.FormData;