douhuan1380 2018-10-27 11:25
浏览 110
已采纳

Go Echo没有从Vue获得POST正文

I have SignUp function and trying to get the body of a request which sending by Vue framework, but it's empty.

Go

type SignUpForm struct {
    Username string
    Email    string
    Password string
}

func SignUp(c echo.Context) error {
    form := SignUpForm{
        Username: c.FormValue("username"),
        Email:    c.FormValue("email"),
        Password: c.FormValue("password")}

    user := models.User{
        Username: form.Username,
        Email:    form.Email,
        Password: models.HashPassword(form.Password),
    }

    log.Printf("#####################")
    values, _ := c.FormParams()
    log.Printf("%v
", values)
    log.Printf("%v", c.Response().Header())
    log.Printf("#####################")

    err := database.Connection().Create(&user).Error
    if err != nil {
        return c.JSON(http.StatusInternalServerError, err)
    } else {
        return generateJwtToken(c, user)
    }
}

Vue

 sendForm: function() {
  var link = '/auth/sign_up'
  axios.post(link, {
    username: "test",
    email: "user@gmail.com",
    password: "password"
  })
  .then(response => {
    console.log(e.response)
  })
  .catch(e => {
    console.log(e.response)
  })

If I use Postman I get this log information

2018/10/27 14:11:48 #####################
2018/10/27 14:11:48 map[email:[user@gmail.com] password:[password] username:[test]]
2018/10/27 14:11:48 map[Vary:[Origin] Access-Control-Allow-Origin:[*]]
2018/10/27 14:11:48 #####################

If I try to send by Vue I get nothing

2018/10/27 14:14:55 #####################
2018/10/27 14:14:55 map[]
2018/10/27 14:14:55 map[Vary:[Origin] Access-Control-Allow-Origin:[*]]
2018/10/27 14:14:55 #####################

I'm totally sure it's go/echo issue because I'm able to get those params in my rails app, so Vue sends them correctly.

<ActionController::Parameters {"username"=>"test", "email"=>"user@gmail.com", "password"=>"password"

Any ideas?

  • 写回答

1条回答 默认 最新

  • dsj2222222 2018-10-27 14:49
    关注

    As @mkopriva stated axios does send as json but echo looks for x-www-form-urlencoded. In your vue add axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded' or pass the header in each axios.post

    In echo you can c.Bind the request into your variable like below. That way you can receive json or form (postman for testing and vue)

    type SignUpForm struct {
        Username string `json:"username" form:"username" query:"username"`
        Email    string `json:"email" form:"email" query:"email"`
        Password string `json:"password" form:"password" query:"password"`
    }
    
    func SignUp(c echo.Context) error {
    
        form := new(SignUpForm)
    
        if err := c.Bind(form); err != nil {
            return c.JSON(http.StatusBadRequest, err)
        }
    
        user := models.User{
            Username: form.Username,
            Email:    form.Email,
            Password: models.HashPassword(form.Password),
        }
    
        log.Printf("#####################")
        values, _ := c.FormParams()
        log.Printf("%v
    ", values)
        log.Printf("%v", c.Response().Header())
        log.Printf("#####################")
    
        err := database.Connection().Create(&user).Error
        if err != nil {
            return c.JSON(http.StatusInternalServerError, err)
        } else {
            return generateJwtToken(c, user)
        }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题