Почему ax ios отправляет нулевые данные на мой POST-маршрут? - PullRequest
0 голосов
/ 13 февраля 2020

Я пытаюсь отправить запрос POST через форму в файле E JS. Когда форма отправлена, данные отправляются на мой http://localhost: 4000 / getFormData (который является моим клиентом), а затем я пытаюсь отправить эти данные в мой http://localhost: 3000 / user_create , который является моим API.

Я использую ax ios для отправки POST-запроса, например:

app.post("/getFormData",function(req,res){
console.log("POST route of 4000 is hit");
var firstName=req.body.create_first_name;
var lastName=req.body.create_last_name;

console.log(typeof firstName); 
console.log(typeof lastName);

axios.post('http://localhost:3000/user_create', 
{create_first_name: req.body.create_last_name,lastName: req.body.create_last_name},
{headers: {'Content-Type': 'application/json'}})
 .then(function (response) {
     console.log(response.config);
    res.redirect("/getUsers");
 })
 .catch(function (error) {
    console.log(error);
 });
});

Мой API (localhost: 3000) обслуживает почтовый запрос например:

app.post("/user_create",function(req,res){
const firstName=req.body.create_first_name;
const lastName=req.body.create_last_name;


console.log("Type: "+typeof firstName + " Data :"+firstName);
console.log("Type: "+typeof lastName + " Data :"+lastName);

const query="INSERT INTO users (first_name,last_name) VALUES (?,?)"
mysqlConnection.query(query,[firstName,lastName],(err, results, fields) => {
    if (err){
        console.log("Failed to insert new user "+err);
        res.sendStatus(500)
        return 
    }
    console.log("Inserted into"+results.insertId);
    res.sendStatus(200)
   })  });

Это ответ, который я получаю после выполнения запроса POST от ax ios: enter image description here

Моя форма выглядит так:

    <form action="/getFormData" method="POST">
        <input type="text" name="create_first_name" id="" placeholder="First name">
        <input type="text" name="create_last_name" id="" placeholder="Last name">
        <button>Submit</button>
    </form>
...