Estoy tratando de usar variables de entorno en mi proyecto nuxt 2.15.8 para desarrollo y producción. Primero usé el archivo .env y luego vi en la documentación que puedo usar runTimeConfig como mejor práctica.
Así que traté de usar:
// nuxt.config.js export default { publicRuntimeConfig: { apiUrl: process.env.API_URL, bucket: process.env.BUCKET, }, privateRuntimeConfig: { passwordEncryptKey: process.env.PASSWORD_ENCRYPT_KEY, } } Y luego mi vue archiva this.$config.apiUrl Para publicRuntimeConfig funciona y puedo ver las variables pero para privateRuntimeConfig no funciona ¿Cómo puedo usar privateRuntimeConfig en mi proyecto? por ejemplo, necesito usarlos dentro de la propiedad "métodos" o en la propiedad "datos" pero sin exponerlos al navegador. ¿O debería usar alguna otra forma en lugar de privateRuntimeConfig ?
privateRuntimeConfig solo está disponible en el servidor como se explica aquí: https://nuxtjs.org/docs/configuration-glossary/configuration-runtime-config#privateruntimeconfig
Por lo tanto, solo puede usarlo en el lado del servidor, probablemente no donde piensa en este momento. Al final, Nuxt es una interfaz, por lo que realmente no puede ocultar los datos per se. Todo lo que desee usar en el lado del cliente debe ser público.
De lo contrario, use algunas funciones de middleware o sin servidor como se explica aquí: