vue-cli настроить переменные среды

Node.js Командная строка Vue.js NPM

В реальных проектах часто возникают ситуации, когда требуются переменные окружения.В среде vue-cli по умолчанию настроена переменная среды NODE_ENV.npm run devкогда это развитие, когдаnpm run buildЭто производство. Люди, которые использовали разработку vue-cli, обычно знакомы с этим. Самое простое, что можно использовать, — это настроить заголовок доменного имени запроса ajax.

if (process.env.NODE_ENV === 'production') {
  axios.defaults.baseURL = 'http://customer.medsci.cn'
}

Обычно существует различие между тестовым сервером и официальной серверной средой, и доменное имя, которое мы запрашиваем, также должно различаться, поэтому переменные среды различаются процедурами.env.NODE_ENV, Через этот параметр, к которому можно получить глобальный доступ, мы можем обрабатывать множество операций, которые требуют, чтобы среда выполняла различные операции. Вышеупомянутый process.env.NODE_ENV является конфигурацией vue-cli по умолчанию. Иногда нам может показаться, что одной среды разработки и рабочей среды недостаточно. Например, если мы хотим иметь тестовую среду, нам нужно определить ее самостоятельно. , В качестве примера возьмем среду Windows, среда Mac аналогична. Установить первымcross-env

npm install cross-env --save-dev

Конфигурация vue-cli по сути является конфигурацией webpack, когда мы запускаемnpm run devКогда, собственно, реализация package.json При разработке сценариев в build/dev-server.js ряд конфигураций запускает всю службу.

Мы просто хотим добавить переменную среды, мы можем сделать копию и добавить команду devtest в dev:

"devtest": "cross-env TESTING=true  node build/dev-server.js",

Таким образом, мы можем запустить весь сервис через npm run devtest.Обратите внимание на приведенную выше команду.Мы добавили TESTING=true, это добавленная переменная среды, TESTING: true, через приведенную выше конфигурацию devtest мы можем запустить npm run devtest запускает всю программу как nppm run dev, но мы обнаружили, что мы не можем получить переменную process.env.TESTING в проекте в это время, почему это, если вы используете веб-пакет напрямую, после проверки, в серии конфигурационных файлов vue-cli, эти были написаны, но мы можем изменить и добавить В конфиге корневого каталога есть dev.env.js и prod.env.js, эти два файла являются ключевыми, добавляем строчку ниже NODE_ENVTESTING:process.env.TESTING

module.exports = {
  NODE_ENV: '"production"',
  TESTING: process.env.TESTING
}

В настоящее время мы можем получить глобальный доступ к переменной process.env.TESTING.Когда мы запускаем npm dev, это не определено, а когда npm run devtest имеет значение true, мы можем добавить команду npm run test, которая аналогична npm run. В соответствии с командой сборки добавьте переменные среды упакованного теста. Конфигурация vue-cli по сути является конфигурацией веб-пакета, и этот метод также можно использовать для обычной конфигурации веб-пакета. мой блог оригиналблог Ты о нет 6.com/2018/07/08/…

Категории