axios提交FormData数据后在header中不显示

Question

如果提交FormData数据 点击提交后header中没有Form Data或Request Payload 
但是把axios.post('/login', formData, config)换成axios.post('/login', {a: 'a'}, config)就会有显示 搞了半天也搞不懂这是为什么？
百度上的方法也试了 有的说是跨域的问题 我随便测试的任何一个地址都不行 Content-Type也加了还是不行 大家能帮我看看是哪里的问题吗？
我搜站内也搜到一个同样的问题 这个问题好像也没有解决 https://segmentfault.com/q/10...

sub () {
      let formData = new FormData()
      formData.append('name', 'aaa')
      let config = {
        headers: {          'Content-Type': 'multipart/form-data'
        }
      }
      axios.post('/login', formData, config)
}

发送文本就会有显示 

发送FormData什么都不显示

Answer 1

这样拦截请求做封装，主要是将 FormData 的 POST 请求和普通的 POST 请求分开处理了。/**  * 实例请求拦截函数  * @param  {Object} config 请求配置信息  * @return {Object | Promise}        请求配置信息或错误信息  */instance.interceptors.request.use(  config => {    // Set token here     config.headers['TICKET'] = getToken()    // transform post data to queryString     if (config.method === 'post' && config.headers['Content-Type'] !== 'multipart/form-data') {       config.data = Qs.stringify(config.data)     }    // 文件上传     // 只需要在Post请求时候将opts的headers属性设置为     // { 'Content-Type': 'multipart/form-data' }     // 即可。例：     // const uploadImage = params => request('post', '/upload', params, {     //   headers: {     //     'Content-Type': 'multipart/form-data'     //   }     // })     //     // 下面以使用FormData的file字段名来保存文件举例。     // 若为单图上传，则将File类型保存到字段名`file`中即可。     // 若为多图上传，则需将File类型的数据数组保存在`file[]`形式的字段内。     if (config.headers['Content-Type'] === 'multipart/form-data') {      const { data } = config      let fd = new FormData()      for (const key in data) {        if (data.hasOwnProperty(key)) {          if (key.endsWith('[]')) {             data[key].forEach(item => {               fd.append(key, item)             })           } else {             fd.append(key, data[key])           }         }       }       config.data = fd     }    return config   },   err => {    return Promise.reject(err)   } )

Answer 2

你打印console.log(formData.get("name"))看一下