Vuejs и axios добавление пустого поля, чем вставка данных

Я пытался построить CruD, используя VueJS, Axios и PHP. Я работаю с отдельным сервером xampp и Node-сервером, все работает нормально, кроме вставки, когда я вставляю какие-либо данные, пустое поле также добавляется в базу данных вместе с данными. Здесь мой код Vue и Axios

export default{
data(){
return{
title:'Insert Record',
Lname:'',
Fname:''

}
}

},methods:{
insert(){
this.$router.push('/')
axios.post('http://localhost/insert.php',
{Fname:this.Fname,Lname:this.Lname })
.then(function(response){
if(response)
{

console.log(response)
alert('Data Has Been inserted')
}

});
}


}
}
</script>

А вот и мой php код

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: *");
$conn = mysqli_connect('localhost','root','','ajax');
$data = json_decode(file_get_contents("php://input"), true);
$Fname = $data['Fname'];
$Lname = $data['Lname'];
json_encode(array('Fname'=>$data['Fname'],'Lname'=>$data['Lname']));
$userData = mysqli_query($conn,"INSERT INTO names  (Fname,Lname) VALUES ('$Fname','$Lname')");
if($userData){
echo json_encode(array('inserted'=>true));
}