小程序-设置环境变量

在实际开发中,不同的开发环境,调用的接口地址是不一样的

例如:开发环境需要调用开发版的接口地址,生产环境需要正式版的接口地址

这时候,我们就可以使用小程序提供了 wx.getAccountInfoSync() 接口,用来获取当前账号信息,在账号信息中包含着 小程序 当前环境版本

javascript 复制代码
const accountInfo = wx.getAccountInfoSync()

应用 新建文件夹 env.js :

javascript 复制代码
// 就是配置当前小程序项目的环境变量
// 获取当前小程序的账号信息
const { miniProgram } = wx.getAccountInfoSync()
// 获取小程序的版本
const { envVersion } = miniProgram;

let env = {
    baseURL: "https://gmall-prod.atguigu.cn/mall-api"
}

switch (envVersion) {
    case 'develop':
        // 开发版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    case 'trial':
        // 体验版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    case 'release':
        // 正式版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    default:
        break
}

export { env }
相关推荐
拉不动的猪10 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
大金乄13 小时前
封装一个vue2的elementUI 表格组件(包含表格编辑以及多级表头)
前端·javascript
Lee川15 小时前
解锁 JavaScript 的灵魂:深入浅出原型与原型链
javascript·面试
swipe15 小时前
从原理到手写:彻底吃透 call / apply / bind 与 arguments 的底层逻辑
前端·javascript·面试
Lee川17 小时前
探索JavaScript的秘密令牌:独一无二的`Symbol`数据类型
javascript·面试
Lee川17 小时前
深入浅出JavaScript事件机制:从捕获冒泡到事件委托
前端·javascript
光影少年17 小时前
async/await和Promise的区别?
前端·javascript·掘金·金石计划
codingWhat17 小时前
如何实现一个「万能」的通用打印组件?
前端·javascript·vue.js
前端Hardy20 小时前
别再无脑用 `JSON.parse()` 了!这个安全漏洞你可能每天都在触发
前端·javascript·vue.js
前端Hardy20 小时前
别再让 `console.log` 上线了!它正在悄悄拖垮你的生产系统
前端·javascript·vue.js