部署到Heroku时在Vue存储中读取dyno元数据

Question

如何从商店读取dyno元数据环境变量？ 我想做这样的事情：

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

我只能读取VUE_APP环境变量，但是heroku dyno metadata variables都以HEROKU_开头，您无法在vue商店中读取它们。

Answer 1

如果要在前端代码上使用环境变量，则必须使用EnvironmentPlugin。

将以下插件添加到您的webpack配置中：

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

之后，您可以尝试在前端访问此环境变量：

process.env.HEROKU_RELEASE_VERSION