Tengo una aplicación web React y un servidor NodeJS, ambos implementados en instancias de Ubuntu EC2. Confirmé que las llamadas API se pueden realizar entre ellos mediante una solicitud CURL a la dirección IP privada (ambos están en la misma subred).

Sin embargo, cuando realizo la llamada desde la aplicación React, la URL de la solicitud POST tiene el prefijo de la URL remota, lo que hace que la llamada a la API falle.

La URL de solicitud debe ser http://10.11.1.147/login

Funciona bien cuando se ejecutan ambas aplicaciones en localhost. El marco API se implementa utilizando Axios y React-Query.

Aquí está la función de consulta que realiza la solicitud POST (y he confirmado que REACT_APP_SERVER_URL es la dirección IP privada)

 export const postLogin = async ({ email, password }) => { let response; const cookies = new Cookies(); try { response = await axios.post(`${process.env.REACT_APP_SERVER_URL}/login`, { email: email, password: password, }); cookies.set("JWT", response.data.jwt, { path: "/" }); cookies.set("UserId", response.data.userId, { path: "/" }); } catch (err) { return err.response } };