javascript - 部署到 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