這篇文章主要介紹了vue使用$http服務(wù)端收不到參數(shù)怎么辦，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作與策劃設(shè)計(jì),臨湘網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:臨湘等地區(qū)。臨湘做網(wǎng)站價(jià)格咨詢:18980820575

一：望

在瀏覽器中把這個(gè)功能跑一下，打開調(diào)試窗口，找到這個(gè)XHR（XMLHttpRequest）請(qǐng)求連接，看Headers選項(xiàng)卡最下面，如下圖所示

Request Payload，請(qǐng)注意這個(gè)數(shù)據(jù)格式。

二：聞

打開伊萬(wàn)卡小妹寫的代碼，我終于看出了傳說中詩(shī)的感覺，同樣26個(gè)字母，小妹敲出來的就是好看。

this.$vux.confirm.show({
title: "提示",
content: "確定要?jiǎng)h除此圖片嗎？",
onConfirm() {
that.$http({
method: "post",
url: `${that.$$baseURL}/upload/delBelowImg`,
headers: {
token: token,
'Content-Type':'application/json'
},
data:{
file:item.filePath,
id:id,
name:item.name
}
}).then(res => {});
}
});

 我發(fā)誓，以上代碼絕對(duì)出自伊萬(wàn)卡之手，分毫未改。但當(dāng)這個(gè)片段出現(xiàn)在我博文里時(shí)屁感覺沒有，你說奇怪不奇怪。

三：?jiǎn)?/p>

我轉(zhuǎn)頭看向?qū)慾ava的川普，說：“小川，把你和伊萬(wàn)卡小妹對(duì)接的這個(gè)接口，代碼發(fā)我一下”。5秒中之后，我收到了如下毫無美感的代碼。

@RequestMapping(value = "/delBelowImg")
@Transactional
public void delBelowFile(@RequestParam Map<String, Object> params,HttpServletRequest request){
try {
……
} catch (Exception e) {
……
} 
}

@RequestParam 注意這個(gè)注解。

四：切

到這里我已經(jīng)確切的知道了病因，我略作分析，在望環(huán)節(jié)，我們看到伊萬(wàn)卡小妹詩(shī)一樣的代碼發(fā)出請(qǐng)求，在瀏覽器發(fā)送請(qǐng)求參數(shù)格式是：
Request Payload，在問環(huán)節(jié)，看到小川寫的代碼，注解是@RequestParam，所以結(jié)果是，小妹發(fā)送的請(qǐng)求數(shù)據(jù)格式與小川的不統(tǒng)一，怪不得接受不到參數(shù)。
我在小妹的代碼基礎(chǔ)上略作改動(dòng)如下（標(biāo)紅是改動(dòng)部分）：

const data = {
file:item.filePath,
id:id,
name:item.name
}
this.$vux.confirm.show({
title: "提示",
content: "確定要?jiǎng)h除此圖片嗎？",
onConfirm() {
that.$http({
method: "post",
url: `${that.$$baseURL}/upload/delBelowImg`,
headers: {
token: token,
'Content-Type':'application/json'
},
params:data
}).then(res => {});
}
});

我再次打開瀏覽器，這次發(fā)送參數(shù)的格式成了 Query String Parameters，如下圖所示

服務(wù)端成功接受到了參數(shù)，圖片正常刪除。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue使用$http服務(wù)端收不到參數(shù)怎么辦”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站標(biāo)題：vue使用$http服務(wù)端收不到參數(shù)怎么辦-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://jinyejixie.com/article42/jjohc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、網(wǎng)站排名、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)