Как определить, работает ли веб-приложение в режиме разработки или в производственном режиме?

Question

Я запускаю приложение vuejs внутри приложения ASP.NET с использованием Visual Studio. Я использую веб-пакет и следовал этому руководству для настройки: https://marczak.io/posts/netcore-vuejs/. Я не могу понять, как запустить приложение в производственном режиме? Если мне нужно изменить свой process.env.NODE_ENV, откуда мне его изменить?

Answer 1

Вы можете получить доступ к режиму, в котором работает приложение, с помощью process.env.NODE_ENV.

Однако вы не можете получить к нему доступ непосредственно к шаблону, поскольку он ограничен контекстом this Vue.

Если вы хотите получить к нему доступ в шаблоне Vue, вы можете сделать это с помощью вычисляемого свойства.

computed: {
 appMode () {
   return process.env.NODE_ENV
 }
}

И в шаблоне:

<p> {{ appMode }} </p>

Я настоятельно рекомендую вам узнать больше здесь (Vue CLI Docs)

Вы должны знать, что когда вы будете готовы к развертыванию приложения, вы можете установить режимы. Например, я предлагаю вам добавить 2 сценария в package.json:

scripts: {
   // other scripts
    "build-production": "vue-cli-service build --mode production",
    "build-staging": "vue-cli-service build --mode staging",
}

Если вы хотите выполнить развертывание в промежуточный прогон:

npm run build-staging

Если вы хотите развернуть в производственный запуск:

npm run build-production