Hoy vamos a aprender cómo podemos cargar una variable de entorno dentro de un .env usando Vite en React.
Primero tenemos que crear nuestro archivo .env en raíz del proyecto:
VITE_BASE_URL=https://nuestra_url.com
Hemos añadido una variable llamada VITE_BASE_URL es muy importante que todas las variables que se añadan comiencen por VITE_.
Ahora simplemente para acceder a ella tendremos que utilizar:
export const baseUrl = import.meta.env.VITE_BASE_URL;
El código import.meta.env.VITE_BASE_URL obtendrá el valor de la variable en el .env
Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.