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]);
      }
}
...
Logo

前往低代码交流专区

更多推荐