uniapp配置不同模式下的环境变量

以下是vue-cli创建的uniapp项目配置不同环境的环境变量的简单步骤和示例

添加环境文件

在项目的根目录下添加两个文件：.env.development 和 .env.production

如需额外配置更多环境变量，可以修改不同的后缀，如.env.exampleenv ，然后在package.json 的scripts中指令的末尾加上--mode exampleenv即可

定义环境变量

变量需 要以 VUE_APP_ 开头，否则无效。

# .env.development
VUE_APP_BASE_URL='https://dev.api.example.com' 
VUE_APP_DEBUG=true

# .env.production
VUE_APP_BASE_URL='https://api.example.com'
VUE_APP_DEBUG=false

使用环境变量

通过 process.env 来访问这些环 境变量：

const baseUrl = process.env.VUE_APP_BASE_URL;
const isDebugMode = process.env.VUE_APP_DEBUG === 'true';

console.log('API URL:', baseUrl);
console.log('Debug Mode:', isDebugMode);