1

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

9
  • has intentando sin usar el mode: "no-cors" ? y ver que te arroja en el log ? Commented el 5 dic. 2019 a las 19:12
  • si quito el "no-cors" sale esto: Access to fetch at 'gimnasio-app.herokuapp.com' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
    – EliasDev
    Commented el 5 dic. 2019 a las 19:17
  • 1
    imagine eso, puedes usar el módulo de cors para express 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. Commented el 5 dic. 2019 a las 19:34
  • Gracias!, ese código que me pasaste funcionó, soy nuevo con express y node, ahora lo tendré en cuenta, también fue culpa de heroku que demora en subirse y no se podía obtener rápidamente el get, y también soy nuevo en stackoverflow debería eliminar la pregunta? saludos!
    – EliasDev
    Commented el 5 dic. 2019 a las 21:16
  • que bueno que funciono :D,puedes indicar que ya se soluciono agregando [Solucionado] :) Commented el 5 dic. 2019 a las 22:48

1 respuesta 1

0

Parece ser un problema de cors.

Puedes agregar en tu servidor:

Opción 1 - para permitir todas las peticiones desde cualquier origen

app.use(cors())

Opción 2 - para delimitar desde que url quieres que se hagan las peticiones

app.use(cors({
  credentials:true,
  origin:[<Lista de URLs de donde haras las peticiones>]
}))

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.