小程序-设置环境变量

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

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

这时候,我们就可以使用小程序提供了 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 }
相关推荐
漂流瓶jz5 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子5 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
zy happy6 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
Nan_Shu_6147 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_7 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上7 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
meichaoWen7 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
西西学代码7 小时前
Flutter---DragTarget(颜色拖拽选择器)
前端·javascript·flutter
阿蓝灬8 小时前
React中的stopPropagation和preventDefault
前端·javascript·react.js
天天向上10248 小时前
vue3 抽取el-dialog子组件
前端·javascript·vue.js