环境变量
有时,根据应用运行的环境设置不同的配置项是非常有用的。
例如:
// 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.env
,dev.env
继承自 prod.env
。
用法
代码中使用环境变量非常容易,例如:
Vue.config.debug = process.env.DEBUG_MODE