vue中axios给后端传递参数出现等于号和双引号的问题及解决方法
更新时间：2022年11月29日 09:53:43 作者：喝杯咖啡压压惊
这篇文章主要介绍了vue中axios给后端传递参数出现等于号和双引号要怎么解决,项目场景我是传递一个string字符给后端时候报错，随手把这个问题记录下来了，需要的朋友可以参考下解决方案
项目场景：
例如（等于号）：我是传递一个String字符给后端的时候出现如图情况：
1.传递的参数我在前端看着是好好
2.这是我的接口
//删除客户信息
export const deleteCustomer = (data) => {
return http.request({
url: "/customer/delete",
method: "post",
data: data,
});
};如图
3.然后删除失败我通过后端接受参数发现多了个=与号
例如（双引号情况）
后来我将接口改成以下代码 加上了 "Content-Type": "application/json",格式：
//删除客户信息
export const deleteCustomer = (data) => {
return http.request({
url: "/customer/delete",
method: "post",
data:data,
headers: {
"Content-Type": "application/json",
},
});
};结果：出现了双引号的情况 如图：
解决方案：
我使用params将数据放到地址后面：localhost8080xxx?khno=的方式才接收到正常的参数
1.以下的参数传递的方式
2.后端接收数据的方式 就不需要：@RequestBody 注解了 不然和报400错误
注意：因为我已经提前给整个类加上@CrossOrigin注解了 所以这里就不用了
3.这里是我接口方式 如以下代码：
//删除客户信息
export const deleteCustomer = (data) => {
return http.request({
url: "/customer/delete",
method: "get",
params: data,
headers: {
"Content-Type": "application/json",
},
});
};4运行结果：
到此这篇关于vue中axios给后端传递参数出现等于号和双引号要怎么解决的文章就介绍到这了,更多相关vue axios传递参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Vue3 的 Provide / Inject 的实现原理其实就是巧妙利用了原型和原型链来实现的。本文将通过示例为大家介绍下provide/inject的具体实现，需要的可以参考一下2022-11-11
这篇文章主要为大家详细介绍了vue使用echarts图表的详细方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
你们是否听说过Vue3的组合式API？它可是Vue3的新玩法，把以前的Vue2组件函数转化为了函数组件。好了，今天我要和大家分享的是如何在组合式API中使用ref()函数，感兴趣的朋友跟随小编一起看看吧2023-06-06
这篇文章主要介绍了vue项目打包优化方式(让打包的js文件变小)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue中同时监听多个参数的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue项目实现webpack配置代理,解决跨域问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）
这篇文章主要介绍了vue vantUI实现文件（图片、文档、视频、音频）上传（多文件），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这段时间一直在弄vue，当然也遇到很多问题，这里就来跟大家分享一些注册自定义模板组件的心得 ,需要的朋友可以参考下2019-04-04
vue.js出现Vue.js not detected错误的解决方案
这篇文章主要介绍了vue.js出现Vue.js not detected错误的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了JavaScript优选七个用于vue开发库，借助开源库加速Vue项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来2023-02-02
最新评论