鍍金池/ 問答/HTML5  HTML/ vue項目中使用axios上傳文件出錯。

vue項目中使用axios上傳文件出錯。

直接貼代碼，麻煩大神指點一下。

clipboard.png

clipboard.png

當(dāng)我點擊提交后，發(fā)現(xiàn)上傳的參數(shù)不對！
是這個樣子。

clipboard.png

一直不明白，命名append進(jìn)去，為什么是這一大坨東西...
添加headers之后

clipboard.png

經(jīng)過幾個大神指點，發(fā)現(xiàn)是之前為了方便，在狀態(tài)管理器里面把a(bǔ)xios進(jìn)行了統(tǒng)一的轉(zhuǎn)換，導(dǎo)致的問題。這里是之前轉(zhuǎn)換的代碼。

clipboard.png

回答
編輯回答
孤毒

不推薦直接把vue實例中data直接作為請求參數(shù)，最好用$data原始數(shù)據(jù)或者loadsh深復(fù)制一份數(shù)據(jù)，否則會有些奇奇怪怪的現(xiàn)象

2017年8月23日 15:01
編輯回答
舊言

加上 headers

      {
        url: 'xxxxxx',
        method: 'post',
        data: fd,
        headers: { 'Content-Type': 'multipart/form-data' }
      }
2018年6月4日 19:28
編輯回答
過客

這些是FormData實例fd上的方法，沒什么問題，錯誤信息是什么

2017年12月12日 16:14