vue中post請(qǐng)求以a=a&b=b 的格式寫遇到的問(wèn)題

vue開發(fā)過(guò)程中，總會(huì)碰到一些問(wèn)題，當(dāng)然任何問(wèn)題都不能阻止我們前進(jìn)的腳步，話不多說(shuō)，下面是我在開發(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   的格式去寫

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

這樣寫法是沒(méi)有問(wèn)題的，

2，若是后臺(tái)已經(jīng)寫好，但post的請(qǐng)求要以   name:a&age:b   的方式去寫的話，上面你的寫法就會(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 的格式寫遇到的問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com