Vue中 axios delete请求参数

最新推荐文章于 2025-02-25 18:51:08 发布

喂，小猴子

最新推荐文章于 2025-02-25 18:51:08 发布

阅读量3.8w

点赞数 15

分类专栏： vue前端文章标签： vue axios delete请求参数

本文链接：https://blog.csdn.net/w_e_i_1201/article/details/86006816

版权

vue前端专栏收录该内容

9 篇文章

订阅专栏

本文详细解析了Vue中Axios的post、put和delete方法的使用差异，特别是在参数传递上的不同方式。介绍了如何根据服务端接收参数的不同需求，正确配置data和params，确保前后端数据交互的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中axios 的delete和post,put在传值上有点区别;

post和put有三个参数，url,data和config，所以在使用这两个时，可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数：url和config，data在config中，所以需要写成 axios.delete(api,{data:{id:1}})

如果是服务端将参数当作Java对象来封装接收则参数格式为：{data: param}

var param={id:1,name:'zhangsan'}
this.$axios.delete("/ehrReferralObjPro", {data: param}).then(function(response) {
  }

如果服务端将参数当做url 参数接收，则格式为：{params: param}，这样发送的url将变为http:www.XXX.com?a=…&b=…

var param={id:1,name:'zhangsan'}
this.$axios.delete("/ehrReferralObjPro", {params: param}).then(function(response) {
  }

axios 数组传值时，我传到后台的是两个字符串数组，但是将参数当成url参数接收时，如果是正常传值，将数组作为一个请求参数传值时，后台接口接收不到匹配的参数，百度之后使用JSON.stringify(),但是使用以后，后台多了一对双引号，最后把后台改成对象封装接收参数，使用的第一种。