侧边栏壁纸
博主头像
雾深的技术博客博主等级

行动起来,活在当下

  • 累计撰写 9 篇文章
  • 累计创建 7 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

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

Woolsen
2023-12-15 / 0 评论 / 0 点赞 / 22 阅读 / 1174 字

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

添加环境文件

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

如需额外配置更多环境变量,可以修改不同的后缀,如.env.exampleenv ,然后在package.jsonscripts中指令的末尾加上--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);

0

评论区