javascript - react 如何将变量传递给获取请求

Question

我正在尝试从表中查询，其中 teacherId 等于登录人员的 teacherId 但我无法传递该 teacherId 从前端到后端。

这是后端

app.get("/api/get", async(req,res) => {
    const teacherId = req.body.teacherId
    connection.query(
        "SELECT class FROM homework WHERE teacherID = ?",
        [teacherId],
        (err, result) => {
            if (result){
                res.send({ message: result })
            } else{
                console.log(err)
            }
        }
    )
})

这是前端

 useEffect(() => {
        Axios.get("http://localhost:1337/api/get", {
            teacherId: teacherId
        }).then((response) => {
            if(response){
                setDisplayHomework(response.data.message)
            } else{
                console.log("error")
            }
        })
    })

const teacherId = localStorage.getItem("teacherId")

我认为问题出在它说 teacherId: teacherId 的地方，但我不知道为什么。

Answer 1

你需要使用

Axios.get("http://localhost:1337/api/get", {
     params: { teacherId }
 });

并使用req.query.teacherId读取它

---

如果您看到 Axios.get签名是

axios.get(url[, config])

相对于

axios.post(url[, data[, config]])

将数据作为第二个参数传递。

那是因为服务器没有使用GET 请求中的正文。阅读HTTP GET with request body有关更多信息。