小程序-设置环境变量

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

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

这时候,我们就可以使用小程序提供了 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 }
相关推荐
悟空瞎说27 分钟前
深度解析:Vue3 为何弃用 defineProperty,Proxy 到底强在哪里?
前端·javascript
leafyyuki29 分钟前
告别 Vuex 的繁琐!Pinia 如何以更优雅的方式重塑 Vue 状态管理
前端·javascript·vue.js
某人辛木44 分钟前
nodejs下载安装
开发语言·前端·javascript
zzginfo1 小时前
javascript 类定义常见注意事项
开发语言·前端·javascript
天下无贼!1 小时前
【功能实现】基于Vue3+TS实现大文件分片上传
开发语言·javascript·node.js·vue·html5
程序员小寒1 小时前
JavaScript设计模式(九):工厂模式实现与应用
开发语言·前端·javascript·设计模式
zhensherlock2 小时前
Protocol Launcher 系列:Agenda 优雅组织你的想法与日程
javascript·macos·ios·typescript·node.js·mac·ipad
清汤饺子2 小时前
Cursor + Claude Code 组合使用心得:我为什么不只用一个 AI 编程工具
前端·javascript·后端
代码煮茶2 小时前
Vue3 虚拟列表实战 | 解决长列表性能问题(十万条数据流畅渲染,附原理)
前端·javascript·vue.js
We་ct2 小时前
LeetCode 201. 数字范围按位与:位运算高效解题指南
开发语言·前端·javascript·算法·leetcode·typescript