Axios 發布請求正文未與多路復用服務器解析

Question

我已經實現了一個 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 發送 post 請求，如下所示，

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 控制台顯示發布數據為空map[]我嘗試將 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 中未解析請求正文的可能問題是什么？

Answer 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');
})

Answer 2

嘗試使用 FormData。

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

Answer 3

在您的客戶端請求中，您正在發送一個 JSON 正文； 但是在服務器上，您需要 url 編碼的值。

您應該更改您的客戶端以發送正確的數據，例如像這樣，或者您需要通過在服務器端使用encoding/json包解析它來接受 JSON 正文。