uniapp不支持.evn
使用vue.config.js
设置全局常量,可以方便随处使用
module.exports = {
...
chainWebpack: config => {
// 添加环境变量,项目中当作常量使用,效果同.env
config.plugin("define")
.tap(args => {
const KEY= 'xxxx'
args[0]["process.env"].VUE_APP_ENVBANE = JSON.stringify("环境变量值");
args[0]["KEY"]=JSON.stringify(KEY); // 这里要转义一下
return args;
});
...
}
使用的时候
第一种,兼容vue的.env写法。
console.log(process.env.VUE_APP_ENVBANE)
第二种,直接使用。
console.log(KEY)
- 注意需要和项目内其他常量区分开。最好做个前缀标识,
- 也可以写在一个文件中,然后这里导入后循环赋值。
- 修改后要重启项目
新建文件const.js
// APP表示全局,类似空间命名
const KEY= 'xxx'
// ...其他常量
module.exports = {
KEY,
...
}
引入vue.config.js
const constVar = require('./const') // 引入常量文件
...
config.plugin("define").tap((args) => {
// 全局变量
for (let key in constVar) { // 循环赋值
args[0][key] = JSON.stringify(constVar[key]);
}
}
...