tengo dos aplicaciones una en laravel y la otra en vuejs.
Las urls son las que me creo por defecto al ejecutar serve
en cada proyecto:
Laravel
Starting Laravel development server: http://127.0.0.1:8000
Vuejs
DONE Compiled successfully
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.35:8080/
Desde mi frontend con vuejs accedo al backend con una clase que me he creado de la siguiente manera:
class Backend{
host='http://127.0.0.1:8000/';
async getAllPersons() {
let url = `${this.host}person`;
let data = null;
try {
data = await fetch(url,{
method:'get',
headers: new Headers({
'Content-Type':'application/json',
'Access-Control-Allow-Origin': '*',
})
});
} catch (error) {
console.log('Error API');
console.log(error);
data = {error};
}
return data;
}
}
export default Backend;
Entonces cuando quiera obtener todas las personas simplemente llamo a:
this.$backend.getAllPersons();
El problema es que me esta dando errores de CORS, entiendo que es cors y la prevencion de origenes cruzados pero no entiendo porque se esta aplicando en mi caso:
El backend funciona perfectamente, lo he estado probando en postman.
No se si la solucion es a nivel de backend o frontend, es decir si esta en laravel o vuejs
CORS
del lado de tu proyecto laravel?