环境变量

有时根据程序运行环境的不同而有不同的配置值是很实际的。

例如:

  1. // config/prod.env.js
  2. module.exports = {
  3.   NODE_ENV: '"production"',
  4.   DEBUG_MODE: false,
  5.   API_KEY: '"..."' // 这是所有环境之间共享的
  6. }
  8. // config/dev.env.js
  9. module.exports = merge(prodEnv, {
  10.   NODE_ENV: '"development"',
  11.   DEBUG_MODE: true // 在prod.env中会覆盖debug_mode值
  12. })
  14. // config/test.env.js
  15. module.exports = merge(devEnv, {
  16.   NODE_ENV: '"testing"'
  17. })

注意: 字符串变量需要包成单引号和双引号 '"..."'

因此，环境变量是：

  • 生产环境
    • NODE_ENV = ‘production’,
    • DEBUG_MODE = false,
    • API_KEY = ‘…’
  • 开发环境
    • NODE_ENV = ‘development’,
    • DEBUG_MODE = true,
    • API_KEY = ‘…’
  • 测试环境
    • NODE_ENV = ‘testing’,
    • DEBUG_MODE = true,
    • API_KEY = ‘…’

可以看到, test.env 继承自 dev.env， dev.env 继承自 prod.env。

用法

在代码中使用环境变量很简单。例如:

  1. Vue.config.debug = process.env.DEBUG_MODE