vue 使用qs发送axios请求传递多个参数

最新推荐文章于 2023-02-02 11:37:51 发布

Carla卡拉伊

最新推荐文章于 2023-02-02 11:37:51 发布

阅读量3.6k

点赞数

分类专栏：涨小知识文章标签： qs vue axios

本文链接：https://blog.youkuaiyun.com/weixin_45484574/article/details/102659254

版权

涨小知识专栏收录该内容

10 篇文章

订阅专栏

本文介绍在Vue项目中如何使用qs库优化POST请求参数的传递方式，通过将对象转换为URL编码字符串，使后台能更灵活地解析数据。

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

之前使用vue发送参数都是放到一个对象里

后来发现可以使用qs把一个对象拆分开，发给后台

步骤一：
npm i qs
步骤二：
在main.js中引入 import qs from ‘qs’
步骤三：
这样后台接收到的就不是一个对象了，而是两个单独的？验证中…

  axios.post( "/api/computer/addComputer",
 			 qs.stringify({
              	applyId:this.applyId,
              	applyInfo:this.applyInfo
              }))
              .then(res => {
                console.log(res);
              })
             .catch(err => {
                console.log(err);
              });

我之前的写法，这样后台接收到的是一个对象

  axios.post( "/api/computer/addComputer",
 			 {
              	applyId:this.applyId,
              	applyInfo:this.applyInfo
              })
              .then(res => {
                console.log(res);
              })
             .catch(err => {
                console.log(err);
              });