axios post请求主体不与mux服务器解析

当前位置： > > > > axios post请求主体不与mux服务器解析

来源：stackoverflow
2024-04-20 08:27:36
0浏览
收藏

“纵有疾风来，人生不言弃”，这句话送给正在学习Golang的朋友们，也希望在阅读本文《axios post请求主体不与mux服务器解析》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新Golang相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

问题内容

我已经实现了一个 api，可以对用户进行身份验证，以便使用 go 来响应客户端。身份验证路由的处理程序如下，

func (app *application) authenticate(w http.responsewriter, r *http.request) {
    err := r.parseform()
    if err != nil {
        app.clienterror(w, http.statusbadrequest)
        return
    }

    username := r.postform.get("username")
    password := r.postform.get("password")

    fmt.println(r.postform)

    u, err := app.user.get(username, password)
    if err != nil {
        if errors.is(err, models.errnorecord) || errors.is(err, bcrypt.errmismatchedhashandpassword) {
            app.notfound(w)
        } else {
            app.servererror(w, err)
        }
        return
    }

    token := jwt.new(jwt.signingmethodhs256)
    claims := token.claims.(jwt.mapclaims)

    claims["username"] = u.username
    claims["name"] = u.name
    claims["exp"] = time.now().add(time.minute * 30).unix()

    ts, err := token.signedstring(app.secret)
    if err != nil {
        app.servererror(w, err)
        return
    }

    user := models.userresponse{u.id, u.username, u.name, "admin", ts}
    js, err := json.marshal(user)
    if err != nil {
        app.servererror(w, err)
        return
    }

    w.header().set("content-type", "application/json")
    w.write(js)
}

我正在尝试使用 axios 从 react 应用程序向 api 发送发布请求，如下所示，

const data = json.stringify({
    username: params.username,
    password: params.password,
});

api.post('/authenticate', data, {
    headers: {'content-type': 'application/json' }
}).then(response => {
    console.log(response);
    resolve({ ok: true, json: () => response.data });
}).catch(err => {
    console.log(err);
    reject('username or password is incorrect');
})

但请求返回 404 错误。 go控制台显示发布数据为空ma​​p[]我尝试将axios请求中的content-type标头更改为multipart/form-data和 application/x-www-form-urlencoded 没有运气。当使用 curl 发出请求时，

curl -d "username=user&password=password" -X POST http://localhost:4000/authenticate

请求返回正确的响应。邮递员也工作得很好。仅从 axios 发出请求时，go 中未解析请求正文可能会出现什么问题？

解决方案

工作解决方案是使用包qs来字符串化数据。

import qs from 'qs';

const data = {
    username: params.username,
    password: params.password,
};

api.post('/authenticate', qs.stringify(data)
).then(response => {
    console.log(response);
    resolve({ ok: true, json: () => response.data });
}).catch(err => {
    console.log(err);
    reject('Username or password is incorrect');
})

今天关于《axios post请求主体不与mux服务器解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！