小程序-设置环境变量

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

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

这时候,我们就可以使用小程序提供了 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 }
相关推荐
java1234_小锋15 小时前
Vue3专题 - 条件渲染
前端·javascript·vue.js
嘟嘟071715 小时前
从零理解 useRef:React 中操作 DOM 与持久化变量的唯一桥梁
javascript
名字还没想好☜15 小时前
React 用 Portal + Context 实现全局 Toast:一次调用、自动消失与队列管理
前端·javascript·react.js·react·next.js
嘟嘟071715 小时前
摘要 手把手实现路由鉴权守卫,逐行拆解 ProtectRoute、localStorage、Navigate state、useLocation、FormDat
javascript
肉肉不吃 肉15 小时前
无渲染组件和组合式函数
前端·javascript·vue.js
其美杰布-富贵-李15 小时前
01 从项目结构开始认识 Vue 3
javascript·vue.js·ecmascript
sugar__salt16 小时前
前端路由技术详解:从传统多页到 React SPA 的完整进化之路
前端·javascript·react.js·前端框架
用户842981424181016 小时前
JS代码压缩实测:可减小体积、提高执行效率!
前端·javascript·后端
黄华SJ520it16 小时前
三三复制公排系统:裂变电商新引擎
小程序·系统开发
Synmbrf16 小时前
ECharts 饼图鼠标悬浮后标签 title 消失的问题
前端·javascript