解决vue 中的post 方法传到后台为null的问题。

最新推荐文章于 2024-07-30 14:33:53 发布

qq_29709359

最新推荐文章于 2024-07-30 14:33:53 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_29709359/article/details/118681259

本文档详细记录了在Vue项目中遇到的一个问题：后端无法接收到POST请求的数据。通过分析和修改代码，问题在于未正确使用qs库进行参数编译转换。解决方案是使用`this.$qs.stringify`将请求数据转换为后端可识别的格式，从而成功发送评论回复。

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

在编写vue的post方法时，发现后端一直接收不到。

修改之前：

commitComment1(item,reply) {
      console.log(this.inputComment);
      this.showItem = false;
      let url_data={				//使用qs编译转换                      参数 ，将参数赋值与url_data
            //qs编译转换的参数， user_id为接口关键字，7为参数值
            //  传递测试数据
               aid: this.aid,
                  uid: sessionStorage.getItem("uid") ,
                  content: this.inputComment,
                  puid:reply.uid,
                 parentId:item.cid
          };
      axios.post('/comment',url_data
        ).then((res) => {
               if (res.data.code === 200) 
             {
                 this.$message.success("回复成功！");
                 this.reload();
             }
           
          else 
             {
                 this.$message.error("回复失败！");
                 this.reload();
             }
        });
    },

修改之后：

commitComment1(item,reply) {
      console.log(this.inputComment);
      this.showItem = false;
      let url_data=this.$qs.stringify({				//使用qs编译转换参数 ，将参数赋值与url_data
            //qs编译转换的参数， user_id为接口关键字，7为参数值
            //  传递测试数据
               aid: this.aid,
                  uid: sessionStorage.getItem("uid") ,
                  content: this.inputComment,
                  puid:reply.uid,
                 parentId:item.cid
          });
      axios.post('/comment',url_data
        ).then((res) => {
               if (res.data.code === 200) 
             {
                 this.$message.success("回复成功！");
                 this.reload();
             }
           
          else 
             {
                 this.$message.error("回复失败！");
                 this.reload();
             }
        });
    },