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

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

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

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

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

И в шаблоне:

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

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

Вы должны знать, что, когда вы будете готовы развернуть приложение вы можете установить режимы. Например, я предлагаю вам добавить 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