vue開(kāi)發(fā)過(guò)程中,總會(huì)碰到一些問(wèn)題,當(dāng)然任何問(wèn)題都不能阻止我們前進(jìn)的腳步,話(huà)不多說(shuō),下面是我在開(kāi)發(fā)過(guò)程中請(qǐng)求參數(shù)所碰到的問(wèn)題
1,在暫時(shí)沒(méi)有后臺(tái)數(shù)據(jù)的時(shí)候,post請(qǐng)求的參數(shù)大多會(huì)以 name:a,age:b 的格式去寫(xiě)
import axios from 'axios';axios.post(url,{ name:'0',age:'' },{emulateJSON: true}, { // 這里是跨域?qū)懛? headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",} // 這里是跨域的寫(xiě)法 }).then(reponse=>{ console.log(reponse) this.tableData=reponse.data.data })這樣寫(xiě)法是沒(méi)有問(wèn)題的,
2,若是后臺(tái)已經(jīng)寫(xiě)好,但post的請(qǐng)求要以 name:a&age:b 的方式去寫(xiě)的話(huà),上面你的寫(xiě)法就會(huì)請(qǐng)求不到數(shù)據(jù),這時(shí)我們就要使用一個(gè)插件來(lái)解決這個(gè)問(wèn)題
2.1,安裝qs
npm install --save axios vue-axios qs
2.2,在請(qǐng)求的頁(yè)面加入
import qs from 'qs'; import axios from 'axios';axios.post(url,qs.stringify({ // 通過(guò)qs.stringify()將對(duì)象解析成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請(qǐng)求以a=a&b=b 的格式寫(xiě)遇到的問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注