Use a php Web serice on Angular Project - php

Question

i've a problem using a php page that execute query on a DB.
The php page is this:
$Query = $_POST['Query'];
// Create connection
$conn = new mysqli($servername, $username, $password,$db);
$result = mysqli_query($conn, $Query);
$emparray = array();
while($row = mysqli_fetch_assoc($result)) {
$emparray[] = $row;
}
echo json_encode(['result' => $emparray]);
mysqli_close($conn);
My Angular request page:
export class RegisterComponent implements OnInit {
constructor(private http: HttpClient) { }
ngOnInit(): void {
}
confirmRegisterClick(username: string, password: string, phoneNumber: string, email: string) {
this.http.post<any>(MYPHPPAGE, new HttpParams().append(QueryNameService, "Select Count(*) As Count From User Where Username='" + username + "'")).subscribe(data => {
console.log(data);
});
});
}
}
This return a json with the result of the query. The problem is that if i execute the call to the php page from postman or from the browser it works well. If i call it from Angular i get this error:
Access to XMLHttpRequest at 'https://www. .... /TestCOR.php' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I've tried a lot of online solution anyone work.
I've tried to make a simple php page like that:
<?php
header('Access-Control-Allow-Origin: *');
echo "You have CORS!";
?>
but i always get the same error
Solution Tried:
1:
Add this line to the php page
header('Access-Control-Allow-Origin: *');
2:
Add this lines to the http request header
let headers = new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Headers': 'Content-Type',
'Access-Control-Allow-Methods': 'GET,POST,OPTIONS,DELETE,PUT',
'Authorization': 'Bearer szdp79a2kz4wh4frjzuqu4sz6qeth8m3',
});
3:
Use a proxy (i don't know if i did it well, i'm noob to Angular)
"/WEBSITEPATH": {
"target": "http:\\localhost:4200",
"secure": false,
"changeOrigin": true
}
And add this line inside angular.json:
"proxyConfig": "proxy.conf.json"