Axios 发布请求正文未使用多路复用器服务器解析

Posted 2023-02-21

【中文标题】Axios 发布请求正文未使用多路复用器服务器解析

【英文标题】：Axios post request body not parsing with mux server

【发布时间】：2020-04-16 10:03:30

【问题描述】：

我已经实现了一个 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.UserResponseu.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 控制台显示 post 数据为空 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 中未解析请求正文可能是什么问题？

【参考方案1】：

有效的解决方案是使用包 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');
)

【参考方案2】：

尝试使用 FormData。

const data = new FormData();
data.set('username', params.username);
data.set('password', params.password);

【参考方案3】：

在您的客户端请求中，您发送的是 JSON 正文；但是在服务器上，您期望的是 url 编码的值。

您应该更改您的客户端以发送正确的数据，例如like this，或者您需要通过在服务器端使用 encoding/json 包解析它来接受 JSON 正文。