首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Go Echo没有从Vue那里得到身体

Go Echo没有从Vue那里得到身体
EN

Stack Overflow用户
提问于 2018-10-27 11:25:01
回答 1查看 2.6K关注 0票数 0

我有SignUp函数,并试图获取由Vue框架发送的请求的主体,但是它是空的。

Go

代码语言:javascript
复制
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\n", 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

代码语言:javascript
复制
 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)
  })

如果我使用邮递员,我会得到这个日志信息

代码语言:javascript
复制
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 #####################

如果我试图通过Vue发送,我什么也得不到

代码语言:javascript
复制
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 #####################

我完全确定这是go/echo问题,因为我能够在我的rails应用程序中获得这些参数,所以Vue正确地发送了它们。

代码语言:javascript
复制
<ActionController::Parameters {"username"=>"test", "email"=>"user@gmail.com", "password"=>"password"

有什么想法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-27 14:49:58

正如@mkopriva所述,axios确实以json的形式发送,但echo寻找x-www-form-urlencoded。在vue中添加axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'或在每个axios.post中传递标头

在echo中,您可以将请求c.Bind到变量中,如下所示。这样您就可以接收jsonform (用于测试和vue的邮递员)

代码语言:javascript
复制
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\n", 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)
    }
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53021416

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档