环境变量

有时,根据应用运行的环境设置不同的配置项是非常有用的。

例如:

// config/prod.env.js
module.exports = {
  NODE_ENV: '"production"',
  DEBUG_MODE: false,
  API_KEY: '"..."' // 在不同环境中是共享的
}

// config/dev.env.js
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  DEBUG_MODE: true // 这里会覆盖 pro.env DEBUG_MODE 值
})

// config/test.env.js
module.exports = merge(devEnv, {
  NODE_ENV: '"testing"'
})

注意: 字符串变量需要单同时有引号和双引号 '"..."'

那么,环境变量就是这样:

  • Production
    • NODE_ENV = 'production',
    • DEBUG_MODE = false,
    • API_KEY = '...'
  • Development
    • NODE_ENV = 'development',
    • DEBUG_MODE = true,
    • API_KEY = '...'
  • Testing
    • NODE_ENV = 'testing',
    • DEBUG_MODE = true,
    • API_KEY = '...'

我们可以看到,test.env 继承自 dev.envdev.env 继承自 prod.env

用法

代码中使用环境变量非常容易,例如:

Vue.config.debug = process.env.DEBUG_MODE

results matching ""

    No results matching ""