Recibo este error en Angular cuando hago una llamada al servidor PHP. Este es el error:
Access to XMLHttpRequest at 'https://p/angular/php/login.php' from origin 'http://localhost:4200' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
En el php solo tengo un echo "1";
y la instrucción header('Access-Control-Allow-Origin: *');
import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-api-login',
templateUrl: './api-login.component.html',
styleUrls: ['../app.component.css']
})
export class ApiLoginComponent implements OnInit {
usuario: String="";
clave: String="";
url: string;
display: String;
constructor(public router: Router, private http: HttpClient){
this.url="https://pr.es/angular/php/login.php"
this.display="block";
}
ngOnInit() {}
closeModal(){
this.display='none';
}
login(usuario, clave){ //Metodo
this.usuario=usuario.value;
this.clave=clave.value;
const req = this.http.post(this.url,{
usuario: 'PrecaNuevo',
clave: 'PrecaNuevo'
})
.subscribe(
res => {
console.log(res);
},
err => {
console.log("Error occured");
}
);
}
}
He intentado configurar un proxy segun he leido en algún manual En mi package.json tengo entre otras cosas
"start": "ng serve --proxy-config proxy.config.json",
Y mi archivo proxy.config.json que esta en el mismo directorio.
{
"/angular/php/*":{
"target": "https://pr.es/",
"secure": false,
"logLevel":"debug"
}
}