...

Dentro de estos archivos, las variables se definen de la forma nombre=valor, teniendo en cuenta que sólo se incluyen las que empiecen por VUE_APP_ por ejemplo:

VUE_APP_FOO=bar
VUE_APP_SECRET=secretURL=http.//loquesea.com

Para utilizar estas variables, se referencian en el código JavaScript con process.env.NOMBRE_VARIABLE.

Como la imagen de la aplicación que se despliega es la misma en los diferentes entornos, no se pueden incluir parámetros dependientes del entorno en el que nos encontremos.

Parametrizar

...

endpoints del backend

Para especificar el endpoint de nuestra api, podemos hacerlo en un archivo javascript:

const ENDPOINT_ROUTE = '/api';
export const ENDPOINT = (typeof(process.env.VUE_APP_BACKEND) != "undefined" ? process.env.VUE_APP_BACKEND : window.location.origin) + ENDPOINT_ROUTE;

Lo que está haciendo es comprobar si se ha definido la variable de entorno VUE_APP_BACKEND, y si o está coge la ruta base y le añade /api. La variable de entorno podemos defirla en un archivo .env.local, que no se subirá a gitlab, con nuestro backend en local. Si no, como ambas partes de la aplicación estarán desplegadas bajo la misma ruta, podemos utilizar window.location.originHay una página dedicada únicamente a la definición de las rutas que usará nuestra aplicación: Organizar endpoints de llamadas REST y login.

Parámetros dependientes del entorno de despliegue

...