vue開發小問題

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'}});

再次調取接口可以發現,請求參數已經是我們想要的了。


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 午后端坐桌前 一縷陽光灑在她臉頰 抿著一口香氣的茶 閱目書中之靈氣 撰寫文章之精華 書架上陳列著各類書籍 彌漫著樸...
    風花星月閱讀 163評論 2 4
  • 周日上午去母親家,我拿了手機,直接去公交車站。 35路車過來,人很少,稀稀拉拉幾個人。上車之前,我就準備好刷手機,...
    托腮云朵閱讀 457評論 4 6
  • 六月,初夏時光 離別,掛在臉上 不應憂愁,不應悲傷 不是結束,不是散場 而是新的開始和醞釀 陽光透過樹葉 灑下一地...
    無聲之言閱讀 384評論 0 0