Podemos parametrizar nuestra aplicación utilizando variables de entorno, que podemos añadirlas en el archivo
...
.env
...
en la carpeta raiz del proyecto. El archivo, según su nombre, especificará lo siguiente:
| Bloque de código |
|---|
.env # se carga en todos los casos .env.local # se carga en todos los casos, se ignora por git .env.[modo] # se carga sólo en un modo específico .env.[modo].local # se carga sólo en un modo específico, se ignora por git |
Para cambiar el modo, al ejecutar el comando serve o build, tenemos que añadir la opción –mode [modo]. Si lo hacemos desde Visual Studio Code, lo podemos cambiar en package.json.
En caso de haber varios de estos archivos, se cogerá el que más específico sea, por ejemplo, se usará antes env.development que .env.
Dentro de estos archivos, las variables se definen de la forma nombre=valor, por ejemplo:
| Bloque de código |
|---|
FOO=bar VUE_APP_SECRET=secret |
Para utilizar estas variables, se referencian en el código JavaScript con process.env.NOMBRE_VARIABLE.