Tengo un problema con la api fetch de js cuando intento hacer una petición get
a una api rest
básica que realice en node y la desplegué en heroku, para probar esta api la corri en postman y funciona perfectamente cuando quiero hacer un fetch
o intento llamarla con axios no funciona, el api rest no tiene ningún error, el código de la petición es el siguiente:
fetch('https://gimnasio-app.herokuapp.com/',{mode:"no-cors"})
.then(function(response) {
return response.json();
})
.then(function(myJson) {
console.log(myJson);
});
Sin embargo cuando uso la función con, por ejemplo, jsonplaceholder
si funciona (sin el{mode: "no-cors"}
porque por algún motivo me demanda poner ese modo), no se si habrá que hacer alguna configuración en heroku o que, para que vean el código de backend.
Aquí mismo dejo el repositorio https://github.com/elias-dev/gimnasio-rest
cors
paraexpress
o usar el siguiente midleware,js var allowCrossDomain = function(req, res, next) { res.header('Access-Control-Allow-Origin', "*"); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.header('Access-Control-Allow-Headers', 'Content-Type'); next(); }; app.use(allowCrossDomain);
Parece ser que axios fetch tiene un problema en modo no cors.