时间戳

首页 > 解决方案 > 部署到 Heroku 时读取 Vue 存储中的 dyno 元数据

javascript - 部署到 Heroku 时读取 Vue 存储中的 dyno 元数据

问题描述

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

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

我只能读取VUE_APP环境变量，但 heroku dyno元数据变量都以开头，HEROKU_你无法在 vue 商店中读取它们。

标签： javascriptherokuvue.jsenvironment-variablesvuex

解决方案

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

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

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

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

process.env.HEROKU_RELEASE_VERSION

推荐阅读