axios默認(rèn)的Content-type是application/json;charset=UTF-8,如果想要以表單的形式傳遞參數(shù),只要修改{headers:{'Content-Type':'application/x-www-form-urlencoded'}}配置即可捐川。
axios.post(url,{jobNumber: '430525', password: '123'}, {headers: {'Content-Type':'application/x-www-form-urlencoded'}});
但是泛源,改完以后發(fā)送請求究珊,后端怎么都接收不到傳過去的參數(shù)婴氮。我們打開瀏覽器的調(diào)試工具,可以發(fā)現(xiàn)這里的form Data形式的參數(shù)是將我們想要傳的參數(shù)整個當(dāng)成是一個key许帐,其對應(yīng)的value也是空的劳坑。
要想轉(zhuǎn)化成正確的鍵值對形式的格式也很簡單。只要用到qs庫就行了成畦,這個是axios中已經(jīng)包含了的距芬,不需要再下載相應(yīng)的包了。
使用方法
import qs from 'qs';
axios.post(url,qs .stringify({jobNumber: '430525', password: '123'}), {headers: {'Content-Type':'application/x-www-form-urlencoded'}});
再次調(diào)取接口可以發(fā)現(xiàn)循帐,請求參數(shù)已經(jīng)是我們想要的了框仔。