vue项目中使用axios上传文件出错。

Question

直接贴代码，麻烦大神指点一下。

当我点击提交后，发现上传的参数不对！
是这个样子。

一直不明白，命名append进去，为什么是这一大坨东西...
添加headers之后

经过几个大神指点，发现是之前为了方便，在状态管理器里面把axios进行了统一的转换，导致的问题。这里是之前转换的代码。

Answer 1

不推荐直接把vue实例中data直接作为请求参数，最好用$data原始数据或者loadsh深复制一份数据，否则会有些奇奇怪怪的现象

Answer 2

这些是FormData实例fd上的方法，没什么问题，错误信息是什么

Answer 3

加上 headers

      {
        url: 'xxxxxx',
        method: 'post',
        data: fd,
        headers: { 'Content-Type': 'multipart/form-data' }
      }