Go语言 Axios POST请求正文未使用多路复用服务器进行解析

vx6bjr1n  于 2023-03-27  发布在  Go
关注(0)|答案(4)|浏览(159)

我已经实现了一个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控制台显示post数据为空map[]我尝试过将Axios请求中的Content-Type头改为multipart/form-dataapplication/x-www-form-urlencoded,但没有成功。当使用CURL进行请求时,

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

请求返回了正确的响应。Postman也工作正常。当只有来自Axios的请求时,Go中没有解析请求体可能是什么问题?

gcuhipw9

gcuhipw91#

工作解决方案是使用包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');
})
6pp0gazn

6pp0gazn2#

尝试使用FormData。

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

t8e9dugd3#

在您的客户端请求中,您将发送JSON主体;但是在服务器上,你期望的是url编码的值。
您应该更改客户端以发送正确的数据,例如like this,或者您需要通过在服务器端使用encoding/json包解析它来接受JSON主体。

jmo0nnb3

jmo0nnb34#

在使用axios时,你不必担心字符串化。库默认情况下会自动执行。你应该这样做:

import axios from 'axios';

const api = axios.create({
   baseUrl: 'http://localhost:4000/api' 
})
async signIn(username, password) {
   try {
      const resp = await api.post('/authenticate', data);
      return resp.data
   } catch(error) {
      throw new Error(error?.message || "something went wrong")
   }
}

你可以在一个React组件中调用它。

signIn(username, password)
   .then(data => setState(data))
   .catch(err => alert(error.message)

相关问题