Question

我正在尝试在前端React内以输入形式输入搜索查询，然后在Golang服务器中检索该搜索查询。我目前正在开发服务器的3000端口和Goland服务器的5000端口上运行React。

当我输入查询时，我看到URL更改为localhost：3000 /？query =“ Honda”，这是我想要的，但是它没有显示在后端服务器中，我认为这是因为我使用了2种不同的服务器。我知道我可以在json对象中发送数据，但是我想知道如何从Golang服务器中的URL检索值（为Golang服务器提供React文件）。

// React front end search bar component 
<Form action="/path/post" id="searchform" onSubmit={this.handleSubmit}>
    <Input value={this.state.query} onChange={this.handleChange} type="text" name="query" />

// React package.json

...
"proxy": "http://localhost:5000",
...


- - - - - - - - - - - - - - - - - 

// golang server
...
func main() {
    router := gin.Default()
    router.Use(static.Serve("/", static.LocalFile("../client/public", true)))

    ping := router.Group("/path") 
    ping.POST("/post", pingFunc)
    router.Run(":5000")
}

func post(c *gin.Context) {
    c.Request.ParseForm()
        q := FormValue("query")
        fmt.Println(q)
}
...

Answer 1

将method="post"添加到表单。例如

<form action="/path/post" method="post" ...

从URL中的前端ReactJS检索Golang服务器中的表单值

1 个答案: