Я использую угловой httpclient и php в бэк-энде для обработки данных в моем угловом приложении.Но я получаю следующую ошибку, когда пытаюсь сохранить данные.
Ошибка: Я получаю

Я использую следующую базу данных.service.ts угловой сервис для соединения с базой данных и передачи данных
insertFabricData(value){
return this._http.post("http://localhost/jeleena-api/fabric.php",value).pipe(map(res => {
console.log(res);
}));
}
И я Используя fabric.component.ts для вызова файла database.service.ts из внешнего интерфейса
saveFormData(){
this._databaseService.insertFabricData(this.fabric).subscribe(msg => {
console.log('yes');
console.log(msg);
});
}
Ниже приведен мой php-код, который выполняется на моем локальном хосте fabric.php
<?php
//Get Data From Front End
$data = json_decode(file_get_contents("php://input"));
//Create Database Connection
include "db-connection.php";
//SQL Statements
$sql = "INSERT INTO fabric_details (bill_id,fabric_swetch,fabric_width,unit,fabric_category,colour,
total,temp_meter,temp_price,actual_meter,actual_price,finish) VALUES
('$data->bill_number','$data->fabric_swetch','$data->fabric_width','$data->unit',
'$data->fabric_category','$data->colour','$data->total','$data->temp_meter','$data->temp_price','$data->actual_meter',
'$data->actual_price','$data->finish')";
//Check Null Values
if($data){
//Run The Query Only Name Exitsqty
$qry = $conn->query($sql);
}
//Close Database Connection
$conn->close();
?>