Estoy usando este tutorial: https://blog.logrocket.com/mern-stack-tutorial/ , pero creando un rastreador de errores en lugar de un repositorio de libros.
Cuando cargo la ruta raíz en el cliente, cargo un componente ReactJS ('ShowBugList.js'). Ese archivo hace una solicitud al servidor (en el mismo contenedor goorm).
En ShowBugList.js
componentDidMount() { axios .get('http://localhost:8082/api/bugs/') .then((res) => { this.setState({ bugs: res.data, }); }) .catch((err) => { console.log('Error from ShowBugList'); console.log(err); }); }
Y estoy recibiendo un error allí.
Tampoco puedo acceder a esa API con el cartero (por supuesto, reemplazando 'localhost' con la dirección del contenedor goorm).
Revisé el puerto de mi servidor web y es 8082.
const port = process.env.PORT || 8082; app.listen(port, () => console.log(`Server running on port ${port}`));
Yo también estoy usando esa ruta
const bugs = require('./routes/api/bugs'); app.use('/api/bugs/', bugs);
¿Qué estoy pasando por alto aquí?
EDIT 1: debo agregar que he investigado cualquier problema de CORS y creo que tengo la configuración correcta en mi app.js del lado del servidor:
// cors app.use(cors({ origin: true, credentials: true }));
EDIT 2: Configuré una versión local en mi computadora de esto y reproduje el problema. Entonces, no es un problema específico de GoormIDE, sino algo dentro del código en sí. La búsqueda continúa.
EDIT 3: Ingresé https según la sugerencia a continuación y estaba causando mi error cuando me mudé a una instalación local. Volviendo a http en mi instalación local funcionó. Pero dejaré esta pregunta abierta si alguien tiene ideas de cómo hacer que funcione en goorm.