¿Alguien puede ayudar en esto?
Tengo un problema extraño en la API . Mi backend se crea en php y la interfaz de usuario en react . en mi archivo env debajo de la ruta están presentes.
API_URL=http://localhost:8080 FRONT_URL=http://localhost:80 entonces API_URL es para backend y FRONT_URL es para UI . Llamé a mi API como se muestra a continuación en react .
axios .get(process.env.API_URL+ '/code';) .then() .error mi código está funcionando correctamente. La misma API a la que puedo acceder desde react y postman . no hay problema Pero cuando implementamos nuestra aplicación en UAT, la URL se agrega undefined entre el nombre de la API y la URL de la API. A continuación se muestra el valor de la API en el archivo env UAT .
FRONT_URL=https://uat-solve.dell.com API_URL=https://api.uat-solve.dell.com Ahora mi aplicación arroja un error. no está funcionando. cuando revisé qué URL está tratando de alcanzar, apareció a continuación.
https://api.uat-solve.dell.com/undefined/code Está agregando undefined en el medio. cuando traté de acceder a la misma url del cartero después de eliminar la salida undefined .
¿Cuál podría ser la posible razón de ello? este es el nuevo componente en react . la aplicación existente funciona correctamente
Edición 1:-
Cambié la variable env a REACT_APP * pero aún así no funcionó.
La documentación de Create React App establece que debe prefijar todas las variables de entorno dentro de sus archivos .env con REACT_APP_ para que estén disponibles desde su código process.env.REACT_APP_<variable name>
Si no desea usar el prefijo REACT_APP_ , puede usar env-create-react-app
Intenta usar acentos graves (``)
Por ejemplo: `${process.env.API_URL}/code`
Asegúrese de tener el archivo .env en su carpeta raíz (el mismo lugar donde tiene su paquete.json) y NO en su carpeta src.
Menciona que cambió sus variables de entorno para comenzar con REACT_APP . ¿Tiene un guión bajo al final? Deben comenzar con REACT_APP_ .