Vue中qs插件的使用詳解
之前用Vue+element寫(xiě)了一個(gè)后臺(tái)管理系統(tǒng)，在登錄時(shí)使用axios請(qǐng)求數(shù)據(jù)傳參時(shí)無(wú)法正常的獲取數(shù)據(jù)。之后也是一通百度，發(fā)現(xiàn)原因是傳遞參數(shù)要將參數(shù)序列化。
這里使用了qs插件：
簡(jiǎn)單來(lái)說(shuō)，qs 是一個(gè)增加了一些安全性的查詢字符串解析和序列化字符串的庫(kù)。
在項(xiàng)目中使用命令行工具輸入：npm install qs
安裝完成后在需要用到的組件中：import qs from'qs'
具體使用中我查看了：qs.parse()和qs.stringify()
這兩種方法雖然都是序列化，但是還是有區(qū)別的。
qs.parse()是將URL解析成對(duì)象的形式
qs.stringify()是將對(duì)象 序列化成URL的形式，以&進(jìn)行拼接
解決我遇到的問(wèn)題我使用了qs.stringify()
直接上圖，一個(gè)簡(jiǎn)單的請(qǐng)求登錄示例
另外qs還不止這點(diǎn)本事，這里附上一個(gè)詳細(xì)的文檔，感興趣的話可以去看一看點(diǎn)這里
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
解決vite.config.js無(wú)法使用__dirname的問(wèn)題
這篇文章主要介紹了解決vite.config.js無(wú)法使用__dirname的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue項(xiàng)目部署后提示刷新版本的實(shí)現(xiàn)代碼
這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目部署后提示刷新版本的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-06-06
使用vite構(gòu)建vue3項(xiàng)目的實(shí)現(xiàn)步驟
通過(guò)本文,您可以了解如何使用Vue CLI創(chuàng)建Vue 3項(xiàng)目,配置Vite,利用其優(yōu)勢(shì)進(jìn)行開(kāi)發(fā),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)
最近在使用Element開(kāi)發(fā)時(shí)遇到了不少問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)層級(jí)結(jié)構(gòu)與用法的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vue數(shù)據(jù)雙向綁定原理實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
在父組件內(nèi)調(diào)用子組件內(nèi)的事件從而改變子組件的某些狀態(tài),父子組件使用<script setup>語(yǔ)法糖,父組件通過(guò)給子組件定義ref訪問(wèn)其內(nèi)部事件,本文給大家介紹了vue3 ref獲取不到子組件的解決方法,需要的朋友可以參考下2024-06-06
vue中nextTick函數(shù)和react類(lèi)似實(shí)現(xiàn)代碼
Vue 3 中的 nextTick 主要通過(guò) Promise 實(shí)現(xiàn)異步調(diào)度,返回一個(gè) Promise 對(duì)象,這篇文章主要介紹了vue中nextTick函數(shù)和react類(lèi)似實(shí)現(xiàn)代碼,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue全局自定義指令和局部自定義指令的使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
vue+elementui 對(duì)話框取消 表單驗(yàn)證重置示例
今天小編就為大家分享一篇vue+elementui 對(duì)話框取消 表單驗(yàn)證重置示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
Vue獲取子組件實(shí)例對(duì)象ref屬性的方法推薦
在Vue中我們可以使用ref屬性來(lái)獲取子組件的實(shí)例對(duì)象,這個(gè)功能非常方便,這篇文章主要給大家介紹了關(guān)于Vue獲取子組件實(shí)例對(duì)象ref屬性的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06