使用带有React JS的axios在服务器上获取未定义的数据

时间:2018-07-30 07:46:31

标签: reactjs server client axios

服务器

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);
    }
  );
};

Error on server

在表单提交中,axios不会将数据发送到服务器。它始终是未定义的。 React js表单字段将在日志上控制状态,但不会将状态发送到服务器。

0 个答案:

没有答案