Utilizar variables de entorno de Laravel en Vuejs 2

Fecha de publicación: junio 10, 2019

Compártelo


En esta entrada vamos a ver lo sencillo que es utilizar variables de entorno de Laravel en Vuejs 2 para poder utilizar los datos de nuestro entorno en el cliente.

Para ello voy a crear un sencillo ejemplo creando una variable de entorno que contiene la url del sitio y así poder utilizarla en Vuejs 2, mira el siguiente archivo .env.

Si te fijas he creado la variable de entorno MIX_APP_URL la cual reutiliza el contenido de la variable APP_URL con la sintaxis ${APP_URL}.

Para poder acceder al valor de la variable MIX_APP_URL desde el cliente simplemente debemos hacer lo siguiente en nuestro cliente con Vuejs 2.

A través de process.env podremos acceder a las variables de nuestro archivo .env siempre que éstas comiencen por MIX_, es el único requisito que debemos cumplir.

¿Quieres acceder a más de 100 cursos de PHP y JavaScript?

Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login