使用axios發(fā)送post請(qǐng)求,將JSON數(shù)據(jù)改為form類型的示例
更新時(shí)間：2019年10月31日 09:21:27 作者：踮起腳尖眺望6
今天小編就為大家分享一篇使用axios發(fā)送post請(qǐng)求,將JSON數(shù)據(jù)改為form類型的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
通常前端通過(guò)POST請(qǐng)求向服務(wù)器端提交數(shù)據(jù)格式有4中，分別是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常見的是"application/json"格式，也就是通過(guò)JSON字符串形式。
在控制臺(tái)看到的數(shù)據(jù)就是這樣：
有的時(shí)候后臺(tái)需要Form形式的數(shù)據(jù)才能正常解析，所以前端需要在傳過(guò)去時(shí)修改一下格式。開始我以為是修改Content-Tyoe屬性，于是就
axios.defaults.headers = {
'Content-type': 'application/x-www-form-urlencoded'
}
設(shè)置之后看到請(qǐng)求時(shí)的Content-type變成了application/x-www-form格式，但是數(shù)據(jù)沒變。之后找了很久終于找到真正的方法。
第一步：引入axios ps
第二步：使用qs 轉(zhuǎn)換
之后看一下請(qǐng)求數(shù)據(jù)格式就變成了這樣：
以上這篇使用axios發(fā)送post請(qǐng)求,將JSON數(shù)據(jù)改為form類型的示例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了解讀Vue-loader的相關(guān)知識(shí)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了如何用vue設(shè)計(jì)一個(gè)日歷表，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了Vue2.0在IE11版本瀏覽器中的兼容性問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題
這篇文章主要介紹了基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題 ，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
vue獲取DOM元素并設(shè)置屬性的兩種實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇vue獲取DOM元素并設(shè)置屬性的兩種實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
本文主要介紹了element Dropdown組件意想不到的坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
vue項(xiàng)目base64加解密使用方式以及解密亂碼
這篇文章主要介紹了vue項(xiàng)目base64加解密使用方式以及解密亂碼問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
Electron也可以快速地將你的網(wǎng)站打包成一個(gè)原生應(yīng)用發(fā)布,下面這篇文章主要給大家介紹了關(guān)于Electron集成React和Vue的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
Vue使用Element實(shí)現(xiàn)增刪改查+打包的步驟
這篇文章主要介紹了Vue使用Element實(shí)現(xiàn)增刪改查+打包的步驟，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-11-11
我們都知道,輪播圖組件模板結(jié)構(gòu)通常是ul包裹li的結(jié)構(gòu),在vue中,li的數(shù)量也通常是由后端接口返回的數(shù)據(jù)決定,下面這篇文章主要給大家介紹了關(guān)于vue3封裝輪播圖組件功能的相關(guān)資料,需要的朋友可以參考下2022-11-11