1. 程式人生 > >使用axios發送post請求,將JSON數據改為為form類型

使用axios發送post請求,將JSON數據改為為form類型

ext ati color com class 第一步 div 控制臺 defaults

  通常前端通過POST請求向服務器端提交數據格式有4中,分別是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常見的是"application/json"格式,也就是通過JSON字符串形式。

技術分享圖片

在控制臺看到的數據就是這樣:

技術分享圖片

有的時候後臺需要Form形式的數據才能正常解析,所以前端需要在傳過去時修改一下格式。開始我以為是修改Content-Tyoe屬性,於是就

axios.defaults.headers = {
    ‘Content-type‘: ‘application/x-www-form-urlencoded‘
}

設置之後看到請求時的Content-type變成了application/x-www-form格式,但是數據沒變。之後找了很久終於找到真正的方法。

第一步:引入axios ps

技術分享圖片

第二步:使用qs 轉換

技術分享圖片

之後看一下請求數據格式就變成了這樣:

技術分享圖片

使用axios發送post請求,將JSON數據改為為form類型