.env
APP_ENV=local
data() { return { appEnv: process.env.APP_ENV,solo para la configuración local, quiero mostrar esta sección de depuración.
<v-col v-if="appEnv == 'local'" cols="6" sm="6" md="9">{{ urlGroups }} </v-col> No veo ningún error en la consola, pero tampoco veo nada renderizado desde {{appEnv}}
Qué me perdí ?
Usar una condición en DOM es una forma indirecta y poco confiable de depurar. En su lugar, process.env.APP_ENV debe depurarse directamente, preferiblemente con un punto de interrupción.
Si es la configuración de la CLI de Vue la que se usa para usar archivos .env, entonces el problema es que APP_ENV no está disponible para el navegador y se podría depurar que no está undefined .
Como indica la documentación , las variables de entorno personalizadas deben tener el prefijo VUE_APP_ para estar disponibles en el navegador. Debería ser:
VUE_APP_ENV=local y se accede como process.env.APP_ENV en la aplicación Vue.