小程序-设置环境变量

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

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

这时候,我们就可以使用小程序提供了 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 }
相关推荐
傻小胖4 分钟前
Object.defineProperty() 完整指南
开发语言·前端·javascript
hong16168811 分钟前
TypeScript类型断言
linux·javascript·typescript
BUG_Jia29 分钟前
Vue 3 组件封装与使用:保姆级教程
前端·javascript·vue.js
思成Codes35 分钟前
从本质看:Vue3 为什么运用 LIS 算法
javascript·vue.js
江湖行骗老中医44 分钟前
Pinia 是 Vue 的专属状态管理库
前端·javascript·vue.js
张元清1 小时前
React 鼠标追踪与交互效果实战
前端·javascript·面试
kyriewen1 小时前
你的JS代码总在半夜崩溃?TypeScript来“上保险”了
前端·javascript·typescript
iReachers1 小时前
HTML打包EXE配置管理教程:多项目打包设置一键保存、加载与切换
java·前端·javascript
whuhewei2 小时前
js事件循环
前端·javascript
xiaofan11062 小时前
Pretext:无 DOM 的多行文本测量与排版库
前端·javascript