axios以form-data形式的傳遞參數遇到的坑

axios默認的Content-type是application/json;charset=UTF-8，若是想要以表單的形式傳遞參數，只要修改{headers:{'Content-Type':'application/x-www-form-urlencoded'}}配置便可。

axios.post(url,{jobNumber: '430525', password: '123'}, {headers: {'Content-Type':'application/x-www-form-urlencoded'}});

可是，改完之後發送請求，後端怎麼都接收不到傳過去的參數。咱們打開瀏覽器的調試工具，能夠發現這裏的form Data形式的參數是將咱們想要傳的參數整個當成是一個key，其對應的value也是空的。

要想轉化成正確的鍵值對形式的格式也很簡單。只要用到qs庫就好了，這個是axios中已經包含了的，不須要再下載相應的包了。

使用方法

import qs from 'qs';
axios.post(url,qs .stringify({jobNumber: '430525', password: '123'}), {headers: {'Content-Type':'application/x-www-form-urlencoded'}});

再次調取接口能夠發現，請求參數已是咱們想要的了。