Support Framework

• Based on Node.js: Express.js, NestJS, Next.js (using dotenv)
• PHP-based: Laravel
• Python-based: Django, Flask (using python-decouple, python-dotenv)
• Based on Ruby: Ruby on Rails (using dotenv-rails)
• Java-based: Spring Boot (uses alternative file format)
• Modern front-end frameworks: Vue, React

.env called within the screen

console.log(process.env.`${envvar}`)

Why does vue-devtool not work in production

1. In production mode, limited by vue default value.

//특정 prd 프로파일의 .env file
   NODE_ENV=production

2. You can allow functions that are restricted in the production environment by changing global settings.

//vue.config.js
   module.exports = {
     productionSourceMap: true, // This might be set to false in production, keep it true
     // ...
   };

3. You can allow functions on specific screens by adding regional settings.

//{page}.vue
   import { setEnabled } from '@vue/devtools';

   // Enable Vue Devtools in production
   setEnabled(true);