使用axios發送post請求，將JSON資料改為為form類型

標籤：ext   技術   form   multi   axios   post   bsp   屬性   轉換   

　　通常前端通過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類型