¿Cuál es la mejor manera de cargar variables de entorno para la aplicación Vue.js sin usar vue-cli? En la forma vue-cli, solo actualiza los archivos .env y esas variables deberían estar disponibles en la aplicación Vue.js de esta manera: https://cli.vuejs.org/guide/mode-and-env.html#example-staging- modo
Estoy usando Symfony Webpack Encore y no tengo vue-cli instalado, ¿cómo podría pasar mis variables de entorno a toda la aplicación Vue?
simplemente cree un archivo .env y cree su variable como esta VUE_APP_XXXXX
observa VUE_APP , asegúrese de que todas las variables tengan el prefijo VUE_APP .
VUE_APP_API_URL
para el desarrollo .env.development .
para producción .env.production
Actualmente, parece una forma decente de cargar las configuraciones: https://github.com/symfony/webpack-encore/issues/567
Primero instale el paquete dotenv y luego use esto en mi webpack.config.js:
const dotenv = require('dotenv'); .configureDefinePlugin(options => { const dotenvOptions = {}; const envConfigPath = `.env.${process.env.NODE_ENV}`; if (fs.existsSync(envConfigPath)) dotenvOptions.path = envConfigPath; const env = dotenv.config(dotenvOptions); if (env.error) { throw env.error; } options['process.env'].PMP_API_BASE_URI = JSON.stringify(env.parsed.PMP_API_BASE_URI); })Si se necesita .env.dev.local, proporcione NODE_ENV=dev.local mientras ejecuta el comando npm run build.