我试图将数据从我的前端发送到我的后端(React 和 NodeJS)
export default function UserFormPage(){
const [ username, setUsername ] = useState("")
const [ password, setPassword ] = useState("")
// MOVE TO A SERVICE
const setUsernameValue = (e) => {
setUsername(e.target.value)
}
const setPasswordValue = (e) => {
setPassword(e.target.value)
}
// MOVE TO A SERVICE
const handleSubmit = (e) => {
e.preventDefault()
const data = {username, password}
console.log(data)
return fetch("http://localhost:8080/users", {
method: "POST",
mode: "no-cors",
headers: { "Content-Type" : "application/x-www-form-urlencoded"},
body: data
})
}
return(
<div>
<form encType="application/x-www-form-urlencoded" onSubmit={handleSubmit}>
<input value={username} onChange={setUsernameValue} name="username" type="text"/>
<input value={password} onChange={setPasswordValue} name="password" type="text" /*CAMBIAR TYPE A PASSWORD*//>
<button type="submit">Submit</button>
</form>
</div>
)
}
我的后端是
app.post("/users", (req, res) => {
console.log(req.body)
res.send("working");
});
但是 console.log 只显示一个空对象。我测试了用 Postman 发送一个 POST 请求,它工作正常,所以问题出在我的前端