服务器
app.post("/login", function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept"
);
var user_name = req.body.username;
var password = req.body.password;
console.log("User name = " + user_name + ", password is " + password);
res.end("yes");
var sql =
"SELECT * FROM users WHERE username = " +
mysql.escape(user_name) +
" AND password = " +
mysql.escape(password);
console.log(sql);
connection.query(sql, function(error, rows, field) {
if (error) throw error;
console.log(rows);
});
});
客户
onSubmit = async event => {
// debugger;
event.preventDefault();
const user = {
name: this.state.username
};
console.log(this.state.username);
axios.post(
"/login",
{
user
},
function(result) {
console.log(result);
// this.props.onHandle(result);
}
);
};
在表单提交中,axios不会将数据发送到服务器。它始终是未定义的。 React js表单字段将在日志上控制状态,但不会将状态发送到服务器。