Soy bastante nuevo en Heroku y en el backend en general. Estoy tratando de implementar una aplicación en heroku que realiza solicitudes POST en el frontend al servidor backend (pila MERN). Todo funciona bien SOLAMENTE en el host local.

Intenté configurar el enlace del servidor a "page_name.herokuapp.com" e incluso dejé la URL vacía con "/refresh" y "/", pero parece que no reconoce que estoy haciendo solicitudes POST.

Escuché sobre las variables ambientales, pero no estoy seguro de cómo configurarlas. ¿Hago un archivo env y pongo el const baseUrl allí o debería hacerlo en la configuración de Heroku?

Lo siento si esto es un error tonto, pero no puedo entender cómo hacer que mi frontend/backend coopere.

 const baseUrl = process.env.baseURL || "http://localhost:3001"; useEffect(() => { fetch(`${baseUrl}/`) .then((res) => res.json()) .then((res) => setStocks(res)) },[]); const handleRefresh = (e) => { e.preventDefault(); const res = e.target.dataset.value; if (stocks !== '') { const options = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({res}), }; const response = fetch(`${baseUrl}/refresh`, options); }; }

estos son el archivo de scripts package.json para reaccionar/frontend

 "scripts": { "start": "react-scripts start", "build": "react-scripts build", },

Perfil:

 web:nodemon backend/index.js // tried node backend/index.js as well

https://github.com/szumi112/stockpricesapp - aquí está mi github para obtener más información

No estoy seguro de qué más puedo hacer para resolver esto. Déjeme saber si se necesita más información.