Cargar una variable de entorno mediante .env en React usando Vite

Tiempo de lectura: < 1 minuto

Hoy vamos a aprender cómo podemos cargar una variable de entorno dentro de un .env usando Vite en React.

Noche en lago con Luna - Pexels

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

Deja un comentario