gin 框架 post 方法获取请求参数为空持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情

今天在写接口的时间发现了一个有意思的事情，在vue 中用axios 发送的 post请求，打到接口上时候，用context.PostForm("key") 取值时候，竟然取不到值。至于原因是什么，我们来一步一步排查。

如果你也遇到了这个问题，可以直接关注下在请求时候 post 中 data 的数据类型。直接滑倒文档底部，可以看到解决方法，用的是qs库，格式化了data的数据格式。

go server:


r.POST("/login", func(context *gin.Context) {
   username := context.PostForm("username")
   password := context.PostForm("password")
   fmt.Printf("username :%s \t password : %s \n",username,password)
   context.JSON(http.StatusOK,gin.H{
      "username":username,
      "password":password,
   })
})

原来的请求

sentpost() {
      this.axios
        .post("http://127.0.0.1:8000/login", {
          username: "xiaoming",
          password: "123456",
        })
        .then((response) => {
          console.log(response.data);
        })
        .catch(function (error) {
          console.log(error);
        });
},