Чтение метаданных dyno в магазине Vue при развертывании в Heroku

Question

Как вы можете прочитать переменные среды метаданных dyno из хранилища?Я хотел бы сделать что-то вроде этого:

export default {  
  state: {
    version: {
      heroku: process.env.HEROKU_RELEASE_VERSION || 'not defined',
    },
    error: '',
  },

Я только смог прочитать VUE_APP переменные окружения, но переменные метаданных heroku dyno все начинаются с HEROKU_, и выне могу прочитать их в магазине Vue.

Answer 1

Если вы хотите использовать переменные окружения в коде внешнего интерфейса, тогда вы должны использовать EnvironmentPlugin.

Добавьте следующий плагин в вашу конфигурацию webpack:

plugins: [
  new webpack.EnvironmentPlugin([
    'HEROKU_RELEASE_VERSION',
  ]),
]

После этоговы можете получить доступ к этой переменной среды на веб-интерфейсе, как вы пытались:

process.env.HEROKU_RELEASE_VERSION