vue中post請求以a=a&b=b 的格式寫遇到的問題
更新時間：2018年04月27日 11:00:42 作者：莫言_df49
這篇文章主要介紹了vue中post請求以a=a&b=b 的格式寫遇到的問題,需要的朋友可以參考下
vue開發(fā)過程中，總會碰到一些問題，當(dāng)然任何問題都不能阻止我們前進(jìn)的腳步，話不多說，下面是我在開發(fā)過程中請求參數(shù)所碰到的問題
1，在暫時沒有后臺數(shù)據(jù)的時候，post請求的參數(shù)大多會以 name:a,age:b 的格式去寫
import axios from 'axios';
axios.post(url,{
name:'0',age:''
},{emulateJSON: true}, { // 這里是跨域?qū)懛?
headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",} // 這里是跨域的寫法
}).then(reponse=>{
console.log(reponse)
this.tableData=reponse.data.data
})
這樣寫法是沒有問題的，
2，若是后臺已經(jīng)寫好，但post的請求要以 name:a&age:b 的方式去寫的話，上面你的寫法就會請求不到數(shù)據(jù)，這時我們就要使用一個插件來解決這個問題
2.1，安裝qs
npm install --save axios vue-axios qs
2.2，在請求的頁面加入
import qs from 'qs';
import axios from 'axios';
axios.post(url,qs.stringify({ // 通過qs.stringify()將對象解析成URL的形式
name:'0', age:'2'
}),{emulateJSON: true},{
headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
}).then(reponse=>{
console.log(reponse)
this.tableData=reponse.data.data
})
總結(jié)
以上所述是小編給大家介紹的vue中post請求以a=a&b=b 的格式寫遇到的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Vue使用sign-canvas實現(xiàn)在線手寫簽名的實例
sign-canvas?一個基于?canvas?開發(fā),封裝于?Vue?組件的通用手寫簽名板(電子簽名板),支持?pc?端和移動端，本文給大家分享Vue使用sign-canvas實現(xiàn)在線手寫簽名，感興趣的朋友一起看看吧2022-05-05
創(chuàng)建vue項目沒有router、view的解決辦法
在學(xué)習(xí)vue的時候遇到很多問題,這里做一些總結(jié),下面這篇文章主要給大家介紹了關(guān)于創(chuàng)建vue項目沒有router、view文件夾的解決辦法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
vue2如何使用face-api.js實現(xiàn)人臉識別功能
本文介紹了如何在Vue.js項目中利用face-api.js實現(xiàn)人臉識別功能,首先需要安裝Vue.js和face-api.js以及其依賴TensorFlow.js,接著,下載并配置必要的模型文件到項目目錄,之后,將人臉識別功能封裝成Vue組件,并在組件中通過視頻流進(jìn)行人臉檢測和結(jié)果展示2024-09-09
這篇文章主要介紹了基于Vue SEO的四種方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
Vue-router不允許導(dǎo)航到當(dāng)前位置(/path)錯誤原因以及修復(fù)方式
本文主要介紹了Vue-router不允許導(dǎo)航到當(dāng)前位置(/path)錯誤原因以及修復(fù)方式，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細(xì)介紹了vue router demo演示代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了如何在 Vue 3 中生成動態(tài)的 Word 文檔,在開發(fā)過程中遇到一個需求,動態(tài)生成一個word報表,當(dāng)時考慮了是前端做還是后端做的問題,最后發(fā)現(xiàn)兩個解決需求的方法都大差不差,但考慮到前端少發(fā)一個請求,就此使用的前端來解決,需要的朋友可以參考下2024-09-09
在vue中實現(xiàn)iframe嵌套Html頁面及注意事項說明
這篇文章主要介紹了在vue中實現(xiàn)iframe嵌套Html頁面及注意事項說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue Element-ui表單校驗規(guī)則實現(xiàn)
Element-ui表單校驗規(guī)則，使得錯誤提示可以直接在form-item下面顯示，無需彈出框，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要介紹了vue+vux實現(xiàn)移動端文件上傳樣式,樣式使用的是vux的cell組件，需要的朋友可以參考下2017-07-07