无法读取参数

huangapple
go评论106阅读模式
英文:

unable to read params

问题

我通过axios发送了一个POST请求，因为我需要发送body和params。然而，当请求到达后端时，params参数不见了！

  1. async getAll(page: number, pageSize: number, filter: IFilter): Promise<Course[]> {
  2.     const res = await request.post<{ data: Course[]; metadata: 'none' }>("/v1/courses", {
  3.         params: {
  4.             page: page,
  5.             pageSize: pageSize,
  6.         },
  7.         data: filter,
  8.     });
  10.     return res.data.data;
  11. }

浏览器控制台的网络选项卡显示如下：

  1. {params: {page: 1, pageSize: 6},…}
  2. data: 
  3. {all: true, beginner: false, intermediate: false, advanced: false, amqp: false, databases: false,…}
  4. params: 
  5. {page: 1, pageSize: 6}

代码片段：

  1. func (app *Courses) CoursesAllHandler(w http.ResponseWriter, r *http.Request) {
  2.     ctx := context.Background()
  4.     clog := log.GetLoggerFromContext(ctx)
  6.     p := r.URL.Query().Get("page")
  7.     ps := r.URL.Query().Get("pageSize")
  9.     var filter Filter
  10.     err := json.NewDecoder(r.Body).Decode(&filter)
  11.     if err != nil {
  12.         http.Error(w, "Failed to parse request body", http.StatusBadRequest)
  13.         return
  14.     }
  15. }

对我来说，axios的调用看起来是正确的，后端获取参数的方法也是正确的。然而，当我查看网络选项卡并看到data和params时，我想知道是否需要更深入地查看。所以我尝试了以下代码：

  1. p := r.URL.Query().Get("data") // 空值

Filter结构体定义如下：

  1. type Filter struct {
  2.     All          bool `json:"all"`
  3.     Beginner     bool `json:"beginner"`
  4.     Advanced     bool `json:"advanced"`
  5.     Intermediate bool `json:"intermediate"`
  6.     Go           bool `json:"go"`
  7. }

如果有任何建议，我将不胜感激。

---- 更新 ----

请求转储：

  1. request, err := httputil.DumpRequest(r, true)
  2. if err != nil {
  3.     return
  4. }
  6. clog.Info(string(request))

输出结果如下：

  1. (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36\r\n\r\n{"params":{"page":1,"pageSize":6},"data":{"all":true,"beginner":false,"intermediate":false,"advanced":false,"amqp":false,"databases":false,"docker":false,"gcp":false,"go":false,"grpc":false,"java":false,"mux":false,"serverless":false,"vue":false,"spring":false}}
英文:

I send a request via axios as a post because I need to send a body and params. However when it reaches my backend the params are not there!

  1. async getAll(page: number, pageSize: number, filter: IFilter): Promise&lt;Course[]&gt; {
  2.     const res = await request.post&lt;{ data: Course[]; metadata: &#39;none&#39; }&gt;(&quot;/v1/courses&quot;, {
  3.         params: {
  4.             page: page,
  5.             pageSize: pageSize,
  6.         },
  7.         data: filter,
  8.     });
  10.     return res.data.data;
  11. }

Network tab in the browser console

  1. {params: {page: 1, pageSize: 6},…}
  2. data: 
  3. {all: true, beginner: false, intermediate: false, advanced: false, amqp: false, databases: false,…}
  4. params: 
  5. {page: 1, pageSize: 6}

snippet

  1. func (app *Courses) CoursesAllHandler(w http.ResponseWriter, r *http.Request) {
  2.     ctx := context.Background()
  4.     clog := log.GetLoggerFromContext(ctx)
  6.     p := r.URL.Query().Get(&quot;page&quot;)
  7.     ps := r.URL.Query().Get(&quot;pageSize&quot;)
  9.     var filter Filter
  10.     err := json.NewDecoder(r.Body).Decode(&amp;filter)
  11.     if err != nil {
  12.         http.Error(w, &quot;Failed to parse request body&quot;, http.StatusBadRequest)
  13.         return
  14.     }

To me the axios call looks correct and the params method to get them in the backend as well. However when I look at the Network tab and see data: and params I wounder if I need to go deeper. So I tried:

  1. p := r.URL.Query().Get(&quot;data&quot;) &lt;--- empty
  4. type Filter struct {
  5. 	All          bool `json:&quot;all&quot;`
  6. 	Beginner     bool `json:&quot;beginner&quot;`
  7. 	Advanced     bool `json:&quot;advanced&quot;`
  8. 	Intermediate bool `json:&quot;intermediate&quot;`
  9. 	Go           bool `json:&quot;go&quot;`
  10. }

Any advice would be appreciated.

---- update ---

request dump

  1. request, err := httputil.DumpRequest(r, true)
  2. if err != nil {
  3. 	return
  4. }
  6. clog.Info(string(request))
  1. (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36\r\n\r\n{\&quot;params\&quot;:{\&quot;page\&quot;:1,\&quot;pageSize\&quot;:6},\&quot;data\&quot;:{\&quot;all\&quot;:true,\&quot;beginner\&quot;:false,\&quot;intermediate\&quot;:false,\&quot;advanced\&quot;:false,\&quot;amqp\&quot;:false,\&quot;databases\&quot;:false,\&quot;docker\&quot;:false,\&quot;gcp\&quot;:false,\&quot;go\&quot;:false,\&quot;grpc\&quot;:false,\&quot;java\&quot;:false,\&quot;mux\&quot;:false,\&quot;serverless\&quot;:false,\&quot;vue\&quot;:false,\&quot;spring\&quot;:false}}&quot;}

答案1

得分: 1

你为什么要查看 r.URL.Query() 来获取 POST 参数？你需要做类似这样的操作：

  1. type Request struct {
  2.     Params struct {
  3.         Page     int `json:"page"`
  4.         PageSize int `json:"pageSize"`
  5.     } `json:"params"`
  6.     Data Filter `json:"data"`
  7. }
  9. var req Request
  11. err := json.NewDecoder(r.Body).Decode(&req)

这段代码定义了一个名为 Request 的结构体，其中包含了 Params 和 Data 两个字段。Params 字段是一个嵌套结构体，包含了 Page 和 PageSize 两个整型字段，它们分别对应 JSON 中的 "page" 和 "pageSize" 键。Data 字段则是一个名为 Filter 的类型。

接下来，通过 json.NewDecoder(r.Body).Decode(&req) 将请求体中的 JSON 数据解码到 req 变量中。这样你就可以方便地访问 POST 参数了。

英文:

Why are you looking at r.URL.Query() to get POST params? You need to do something like:

  1. type Request struct {
  2.     Params struct {
  3.         Page int `json:&quot;page&quot;`
  4.         PageSize int `json:&quot;pageSize&quot;`
  5.     } `json:&quot;params&quot;`
  6.     Data Filter `json:&quot;data&quot;`
  7. }
  9. var req Request
  11. err := json.NewDecoder(r.Body).Decode(&amp;req)

huangapple
  • 本文由 发表于 2023年7月19日 00:00:19
  • 转载请务必保留本文链接：https://go.coder-hub.com/76714645.html
  • axios
  • go
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定