vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號的問題及解決方法
更新時間：2022年11月29日 09:53:43 作者：喝杯咖啡壓壓驚
這篇文章主要介紹了vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號要怎么解決,項目場景我是傳遞一個string字符給后端時候報錯，隨手把這個問題記錄下來了，需要的朋友可以參考下解決方案
項目場景：
例如（等于號）：我是傳遞一個String字符給后端的時候出現(xiàn)如圖情況：
1.傳遞的參數(shù)我在前端看著是好好
2.這是我的接口
//刪除客戶信息
export const deleteCustomer = (data) => {
return http.request({
url: "/customer/delete",
method: "post",
data: data,
});
};如圖
3.然后刪除失敗我通過后端接受參數(shù)發(fā)現(xiàn)多了個=與號
例如（雙引號情況）
后來我將接口改成以下代碼 加上了 "Content-Type": "application/json",格式：
//刪除客戶信息
export const deleteCustomer = (data) => {
return http.request({
url: "/customer/delete",
method: "post",
data:data,
headers: {
"Content-Type": "application/json",
},
});
};結(jié)果：出現(xiàn)了雙引號的情況 如圖：
解決方案：
我使用params將數(shù)據(jù)放到地址后面：localhost8080xxx?khno=的方式才接收到正常的參數(shù)
1.以下的參數(shù)傳遞的方式
2.后端接收數(shù)據(jù)的方式 就不需要：@RequestBody 注解了 不然和報400錯誤
注意：因為我已經(jīng)提前給整個類加上@CrossOrigin注解了 所以這里就不用了
3.這里是我接口方式 如以下代碼：
//刪除客戶信息
export const deleteCustomer = (data) => {
? return http.request({
? ? url: "/customer/delete",
? ? method: "get",
? ? params: data,
? ? headers: {
? ? ? "Content-Type": "application/json",
? ? },
? });
};4運行結(jié)果：
到此這篇關(guān)于vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號要怎么解決的文章就介紹到這了,更多相關(guān)vue axios傳遞參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue踩坑記錄:屬性報undefined錯誤問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue?select?change事件如何傳遞自定義參數(shù)
這篇文章主要介紹了vue?select?change事件如何傳遞自定義參數(shù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
mpvue性能優(yōu)化實戰(zhàn)技巧(小結(jié))
這篇文章主要介紹了mpvue性能優(yōu)化實戰(zhàn)技巧(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
在Vue應(yīng)用程序中，表格是一個非常常見的組件，在這篇文章中，我們將介紹如何在Vue中進行表格的合并和拆分，感興趣的小伙伴可以了解一下2023-06-06
Vue中使用Lodop插件實現(xiàn)打印功能的簡單方法
這篇文章主要給大家介紹了關(guān)于Vue中使用Lodop插件實現(xiàn)打印功能的簡單方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12
vue2使用element-ui,el-table不顯示,用npm安裝方式
這篇文章主要介紹了vue2使用element-ui,el-table不顯示,用npm安裝方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
基于Vue組件化的日期聯(lián)動選擇器功能的實現(xiàn)代碼
這篇文章主要介紹了基于Vue組件化的日期聯(lián)動選擇器的實現(xiàn)代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
vant中l(wèi)ist的使用以及首次加載觸發(fā)兩次解決問題
這篇文章主要介紹了vant中l(wèi)ist的使用以及首次加載觸發(fā)兩次解決問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
今天小編就為大家分享一篇vue2.0 下拉框默認標題設(shè)置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
uniapp使用v-loading并且不引入element-ui的操作方法
這篇文章主要介紹了uniapp使用v-loading并且不引入element-ui,首先創(chuàng)建loading.js，創(chuàng)建lloading.scss，本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-10-10